#D6B6B5 - #C06760 | 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 #D6B6B5 to #C06760

#D6B6B5 #C06760

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

#D6B6B5 - #C06760 | 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 #D6B6B5 as 0% and #C06760 as 100%.

0.0%	0.0% #D6B6B5	RGB 214 182 181	#D6B6B5
16.7%	16.7% #D2A8A6	RGB 210 168 166	#D2A8A6
33.3%	33.3% #CE9B98	RGB 206 155 152	#CE9B98
50.0%	50.0% #CB8E8A	RGB 203 142 138	#CB8E8A
66.7%	66.7% #C7817C	RGB 199 129 124	#C7817C
83.3%	83.3% #C3746E	RGB 195 116 110	#C3746E
100.0%	100.0% #C06760	RGB 192 103 96	#C06760

#D6B6B5 #D2A8A6 #CE9B98 #CB8E8A #C7817C #C3746E #C06760

#D6B6B5 - #C06760

HSV Blend

#D6B6B5 - #C06760 | 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 #D6B6B5 as 0% and #C06760 as 100%.

0.0%	0.0% #D6B6B5	RGB 214 182 181	#D6B6B5
16.7%	16.7% #D2A7A5	RGB 210 167 165	#D2A7A5
33.3%	33.3% #CE9996	RGB 206 153 150	#CE9996
50.0%	50.0% #CB8C88	RGB 203 140 136	#CB8C88
66.7%	66.7% #C77F7A	RGB 199 127 122	#C77F7A
83.3%	83.3% #C3726D	RGB 195 114 109	#C3726D
100.0%	100.0% #C06760	RGB 192 103 96	#C06760

#D6B6B5 #D2A7A5 #CE9996 #CB8C88 #C77F7A #C3726D #C06760

#D6B6B5 - #CB8C88 - #C06760

CSS codes

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

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