#CF8C9F - #B23857 | 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 #CF8C9F to #B23857

#CF8C9F #B23857

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

#CF8C9F - #B23857 | 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 #CF8C9F as 0% and #B23857 as 100%.

0.0%	0.0% #CF8C9F	RGB 207 140 159	#CF8C9F
16.7%	16.7% #CA7E93	RGB 202 126 147	#CA7E93
33.3%	33.3% #C57087	RGB 197 112 135	#C57087
50.0%	50.0% #C0627B	RGB 192 98 123	#C0627B
66.7%	66.7% #BB546F	RGB 187 84 111	#BB546F
83.3%	83.3% #B64663	RGB 182 70 99	#B64663
100.0%	100.0% #B23857	RGB 178 56 87	#B23857

#CF8C9F #CA7E93 #C57087 #C0627B #BB546F #B64663 #B23857

#CF8C9F - #B23857

HSV Blend

#CF8C9F - #B23857 | 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 #CF8C9F as 0% and #B23857 as 100%.

0.0%	0.0% #CF8C9F	RGB 207 140 159	#CF8C9F
16.7%	16.7% #CA7C92	RGB 202 124 146	#CA7C92
33.3%	33.3% #C56D85	RGB 197 109 133	#C56D85
50.0%	50.0% #C05F79	RGB 192 95 121	#C05F79
66.7%	66.7% #BB516D	RGB 187 81 109	#BB516D
83.3%	83.3% #B64462	RGB 182 68 98	#B64462
100.0%	100.0% #B23857	RGB 178 56 87	#B23857

#CF8C9F #CA7C92 #C56D85 #C05F79 #BB516D #B64462 #B23857

#CF8C9F - #C05F79 - #B23857

CSS codes

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

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