#CF8CAB - #B2386D | 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 #CF8CAB to #B2386D

#CF8CAB #B2386D

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

#CF8CAB - #B2386D | 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 #CF8CAB as 0% and #B2386D as 100%.

0.0%	0.0% #CF8CAB	RGB 207 140 171	#CF8CAB
16.7%	16.7% #CA7EA0	RGB 202 126 160	#CA7EA0
33.3%	33.3% #C57096	RGB 197 112 150	#C57096
50.0%	50.0% #C0628C	RGB 192 98 140	#C0628C
66.7%	66.7% #BB5481	RGB 187 84 129	#BB5481
83.3%	83.3% #B64677	RGB 182 70 119	#B64677
100.0%	100.0% #B2386D	RGB 178 56 109	#B2386D

#CF8CAB #CA7EA0 #C57096 #C0628C #BB5481 #B64677 #B2386D

#CF8CAB - #B2386D

HSV Blend

#CF8CAB - #B2386D | 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 #CF8CAB as 0% and #B2386D as 100%.

0.0%	0.0% #CF8CAB	RGB 207 140 171	#CF8CAB
16.7%	16.7% #CA7CA0	RGB 202 124 160	#CA7CA0
33.3%	33.3% #C56D95	RGB 197 109 149	#C56D95
50.0%	50.0% #C05F8A	RGB 192 95 138	#C05F8A
66.7%	66.7% #BB5180	RGB 187 81 128	#BB5180
83.3%	83.3% #B64476	RGB 182 68 118	#B64476
100.0%	100.0% #B2386D	RGB 178 56 109	#B2386D

#CF8CAB #CA7CA0 #C56D95 #C05F8A #BB5180 #B64476 #B2386D

#CF8CAB - #C05F8A - #B2386D

CSS codes

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

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