#CFB6B5 - #B86960 | 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 #CFB6B5 to #B86960

#CFB6B5 #B86960

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

#CFB6B5 - #B86960 | 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 #CFB6B5 as 0% and #B86960 as 100%.

0.0%	0.0% #CFB6B5	RGB 207 182 181	#CFB6B5
16.7%	16.7% #CBA9A6	RGB 203 169 166	#CBA9A6
33.3%	33.3% #C79C98	RGB 199 156 152	#C79C98
50.0%	50.0% #C38F8A	RGB 195 143 138	#C38F8A
66.7%	66.7% #BF827C	RGB 191 130 124	#BF827C
83.3%	83.3% #BB756E	RGB 187 117 110	#BB756E
100.0%	100.0% #B86960	RGB 184 105 96	#B86960

#CFB6B5 #CBA9A6 #C79C98 #C38F8A #BF827C #BB756E #B86960

#CFB6B5 - #B86960

HSV Blend

#CFB6B5 - #B86960 | 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 #CFB6B5 as 0% and #B86960 as 100%.

0.0%	0.0% #CFB6B5	RGB 207 182 181	#CFB6B5
16.7%	16.7% #CBA7A5	RGB 203 167 165	#CBA7A5
33.3%	33.3% #C79996	RGB 199 153 150	#C79996
50.0%	50.0% #C38C88	RGB 195 140 136	#C38C88
66.7%	66.7% #BF807A	RGB 191 128 122	#BF807A
83.3%	83.3% #BB746D	RGB 187 116 109	#BB746D
100.0%	100.0% #B86960	RGB 184 105 96	#B86960

#CFB6B5 #CBA7A5 #C79996 #C38C88 #BF807A #BB746D #B86960

#CFB6B5 - #C38C88 - #B86960

CSS codes

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

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