#DECECC - #C8867B | 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 #DECECC to #C8867B

#DECECC #C8867B

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

#DECECC - #C8867B | 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 #DECECC as 0% and #C8867B as 100%.

0.0%	0.0% #DECECC	RGB 222 206 204	#DECECC
16.7%	16.7% #DAC2BE	RGB 218 194 190	#DAC2BE
33.3%	33.3% #D6B6B1	RGB 214 182 177	#D6B6B1
50.0%	50.0% #D3AAA3	RGB 211 170 163	#D3AAA3
66.7%	66.7% #CF9E96	RGB 207 158 150	#CF9E96
83.3%	83.3% #CB9288	RGB 203 146 136	#CB9288
100.0%	100.0% #C8867B	RGB 200 134 123	#C8867B

#DECECC #DAC2BE #D6B6B1 #D3AAA3 #CF9E96 #CB9288 #C8867B

#DECECC - #C8867B

HSV Blend

#DECECC - #C8867B | 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 #DECECC as 0% and #C8867B as 100%.

0.0%	0.0% #DECECC	RGB 222 206 204	#DECECC
16.7%	16.7% #DAC0BD	RGB 218 192 189	#DAC0BD
33.3%	33.3% #D6B4AF	RGB 214 180 175	#D6B4AF
50.0%	50.0% #D3A8A1	RGB 211 168 161	#D3A8A1
66.7%	66.7% #CF9C94	RGB 207 156 148	#CF9C94
83.3%	83.3% #CB9087	RGB 203 144 135	#CB9087
100.0%	100.0% #C8867B	RGB 200 134 123	#C8867B

#DECECC #DAC0BD #D6B4AF #D3A8A1 #CF9C94 #CB9087 #C8867B

#DECECC - #D3A8A1 - #C8867B

CSS codes

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

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