#CB5E6E - #A31939 | 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 #CB5E6E to #A31939

#CB5E6E #A31939

Calculate the color between two colors, #CB5E6E and #A31939. 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)

#CB5E6E - #A31939 | 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 #CB5E6E as 0% and #A31939 as 100%.

0.0%	0.0% #CB5E6E	RGB 203 94 110	#CB5E6E
16.7%	16.7% #C45265	RGB 196 82 101	#C45265
33.3%	33.3% #BD475C	RGB 189 71 92	#BD475C
50.0%	50.0% #B73B53	RGB 183 59 83	#B73B53
66.7%	66.7% #B0304A	RGB 176 48 74	#B0304A
83.3%	83.3% #A92441	RGB 169 36 65	#A92441
100.0%	100.0% #A31939	RGB 163 25 57	#A31939

#CB5E6E #C45265 #BD475C #B73B53 #B0304A #A92441 #A31939

#CB5E6E - #A31939

HSV Blend

#CB5E6E - #A31939 | 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 #CB5E6E as 0% and #A31939 as 100%.

0.0%	0.0% #CB5E6E	RGB 203 94 110	#CB5E6E
16.7%	16.7% #C45063	RGB 196 80 99	#C45063
33.3%	33.3% #BD4459	RGB 189 68 89	#BD4459
50.0%	50.0% #B73850	RGB 183 56 80	#B73850
66.7%	66.7% #B02D47	RGB 176 45 71	#B02D47
83.3%	83.3% #A92240	RGB 169 34 64	#A92240
100.0%	100.0% #A31939	RGB 163 25 57	#A31939

#CB5E6E #C45063 #BD4459 #B73850 #B02D47 #A92240 #A31939

#CB5E6E - #B73850 - #A31939

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CB5E6E 0%, #B73850 50%, #A31939 100%);
    background: -webkit-linear-gradient(top, #CB5E6E 0%, #B73850 50%, #A31939 100%);
    background: linear-gradient(to bottom, #CB5E6E 0%, #B73850 50%, #A31939 100%);
}
</style>