#D6B7B5 - #BF6960 | 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 #D6B7B5 to #BF6960

#D6B7B5 #BF6960

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

#D6B7B5 - #BF6960 | 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 #D6B7B5 as 0% and #BF6960 as 100%.

0.0%	0.0% #D6B7B5	RGB 214 183 181	#D6B7B5
16.7%	16.7% #D2AAA6	RGB 210 170 166	#D2AAA6
33.3%	33.3% #CE9D98	RGB 206 157 152	#CE9D98
50.0%	50.0% #CA908A	RGB 202 144 138	#CA908A
66.7%	66.7% #C6837C	RGB 198 131 124	#C6837C
83.3%	83.3% #C2766E	RGB 194 118 110	#C2766E
100.0%	100.0% #BF6960	RGB 191 105 96	#BF6960

#D6B7B5 #D2AAA6 #CE9D98 #CA908A #C6837C #C2766E #BF6960

#D6B7B5 - #BF6960

HSV Blend

#D6B7B5 - #BF6960 | 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 #D6B7B5 as 0% and #BF6960 as 100%.

0.0%	0.0% #D6B7B5	RGB 214 183 181	#D6B7B5
16.7%	16.7% #D2A8A5	RGB 210 168 165	#D2A8A5
33.3%	33.3% #CE9A96	RGB 206 154 150	#CE9A96
50.0%	50.0% #CA8D88	RGB 202 141 136	#CA8D88
66.7%	66.7% #C6807A	RGB 198 128 122	#C6807A
83.3%	83.3% #C2746D	RGB 194 116 109	#C2746D
100.0%	100.0% #BF6960	RGB 191 105 96	#BF6960

#D6B7B5 #D2A8A5 #CE9A96 #CA8D88 #C6807A #C2746D #BF6960

#D6B7B5 - #CA8D88 - #BF6960

CSS codes

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

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