#CFC3C3 - #B87871 | 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 #CFC3C3 to #B87871

#CFC3C3 #B87871

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

#CFC3C3 - #B87871 | 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 #CFC3C3 as 0% and #B87871 as 100%.

0.0%	0.0% #CFC3C3	RGB 207 195 195	#CFC3C3
16.7%	16.7% #CBB6B5	RGB 203 182 181	#CBB6B5
33.3%	33.3% #C7AAA7	RGB 199 170 167	#C7AAA7
50.0%	50.0% #C39D9A	RGB 195 157 154	#C39D9A
66.7%	66.7% #BF918C	RGB 191 145 140	#BF918C
83.3%	83.3% #BB847E	RGB 187 132 126	#BB847E
100.0%	100.0% #B87871	RGB 184 120 113	#B87871

#CFC3C3 #CBB6B5 #C7AAA7 #C39D9A #BF918C #BB847E #B87871

#CFC3C3 - #B87871

HSV Blend

#CFC3C3 - #B87871 | 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 #CFC3C3 as 0% and #B87871 as 100%.

0.0%	0.0% #CFC3C3	RGB 207 195 195	#CFC3C3
16.7%	16.7% #CBB4B4	RGB 203 180 180	#CBB4B4
33.3%	33.3% #C7A7A5	RGB 199 167 165	#C7A7A5
50.0%	50.0% #C39A98	RGB 195 154 152	#C39A98
66.7%	66.7% #BF8E8A	RGB 191 142 138	#BF8E8A
83.3%	83.3% #BB827D	RGB 187 130 125	#BB827D
100.0%	100.0% #B87871	RGB 184 120 113	#B87871

#CFC3C3 #CBB4B4 #C7A7A5 #C39A98 #BF8E8A #BB827D #B87871

#CFC3C3 - #C39A98 - #B87871

CSS codes

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

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