#5E053E - #B03B61 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #5E053E to #B03B61

#5E053E #B03B61

Calculate the color between two colors, #5E053E and #B03B61. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#5E053E - #B03B61 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #5E053E as 0% and #B03B61 as 100%.

0.0%	0.0% #5E053E	RGB 94 5 62	#5E053E
16.7%	16.7% #6B0E43	RGB 107 14 67	#6B0E43
33.3%	33.3% #791749	RGB 121 23 73	#791749
50.0%	50.0% #87204F	RGB 135 32 79	#87204F
66.7%	66.7% #942955	RGB 148 41 85	#942955
83.3%	83.3% #A2325B	RGB 162 50 91	#A2325B
100.0%	100.0% #B03B61	RGB 176 59 97	#B03B61

#5E053E #6B0E43 #791749 #87204F #942955 #A2325B #B03B61

#5E053E - #B03B61

HSV Blend

#5E053E - #B03B61 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #5E053E as 0% and #B03B61 as 100%.

0.0%	0.0% #5E043E	RGB 94 4 62	#5E043E
16.7%	16.7% #6B0A43	RGB 107 10 67	#6B0A43
33.3%	33.3% #791149	RGB 121 17 73	#791149
50.0%	50.0% #871A4E	RGB 135 26 78	#871A4E
66.7%	66.7% #942354	RGB 148 35 84	#942354
83.3%	83.3% #A22E5A	RGB 162 46 90	#A22E5A
100.0%	100.0% #B03B61	RGB 176 59 97	#B03B61

#5E043E #6B0A43 #791149 #871A4E #942354 #A22E5A #B03B61

#5E053E - #871A4E - #B03B61

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #5E053E 0%, #B03B61 100%);
    background: -webkit-linear-gradient(top, #5E053E 0%, #B03B61 100%);
    background: linear-gradient(to bottom, #5E053E 0%, #B03B61 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E043E 0%, #871A4E 50%, #B03B61 100%);
    background: -webkit-linear-gradient(top, #5E043E 0%, #871A4E 50%, #B03B61 100%);
    background: linear-gradient(to bottom, #5E043E 0%, #871A4E 50%, #B03B61 100%);
}
</style>