#CB5A8F - #870741 | 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 #CB5A8F to #870741

#CB5A8F #870741

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

#CB5A8F - #870741 | 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 #CB5A8F as 0% and #870741 as 100%.

0.0%	0.0% #CB5A8F	RGB 203 90 143	#CB5A8F
16.7%	16.7% #BF4C82	RGB 191 76 130	#BF4C82
33.3%	33.3% #B43E75	RGB 180 62 117	#B43E75
50.0%	50.0% #A93068	RGB 169 48 104	#A93068
66.7%	66.7% #9D225B	RGB 157 34 91	#9D225B
83.3%	83.3% #92144E	RGB 146 20 78	#92144E
100.0%	100.0% #870741	RGB 135 7 65	#870741

#CB5A8F #BF4C82 #B43E75 #A93068 #9D225B #92144E #870741

#CB5A8F - #870741

HSV Blend

#CB5A8F - #870741 | 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 #CB5A8F as 0% and #870741 as 100%.

0.0%	0.0% #CB5A8E	RGB 203 90 142	#CB5A8E
16.7%	16.7% #BF4880	RGB 191 72 128	#BF4880
33.3%	33.3% #B43871	RGB 180 56 113	#B43871
50.0%	50.0% #A92964	RGB 169 41 100	#A92964
66.7%	66.7% #9D1C57	RGB 157 28 87	#9D1C57
83.3%	83.3% #92114C	RGB 146 17 76	#92114C
100.0%	100.0% #870741	RGB 135 7 65	#870741

#CB5A8E #BF4880 #B43871 #A92964 #9D1C57 #92114C #870741

#CB5A8F - #A92964 - #870741

CSS codes

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

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