#DEC1B2 - #C47B5D | 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 #DEC1B2 to #C47B5D

#DEC1B2 #C47B5D

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

#DEC1B2 - #C47B5D | 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 #DEC1B2 as 0% and #C47B5D as 100%.

0.0%	0.0% #DEC1B2	RGB 222 193 178	#DEC1B2
16.7%	16.7% #D9B5A3	RGB 217 181 163	#D9B5A3
33.3%	33.3% #D5A995	RGB 213 169 149	#D5A995
50.0%	50.0% #D19E87	RGB 209 158 135	#D19E87
66.7%	66.7% #CC9279	RGB 204 146 121	#CC9279
83.3%	83.3% #C8866B	RGB 200 134 107	#C8866B
100.0%	100.0% #C47B5D	RGB 196 123 93	#C47B5D

#DEC1B2 #D9B5A3 #D5A995 #D19E87 #CC9279 #C8866B #C47B5D

#DEC1B2 - #C47B5D

HSV Blend

#DEC1B2 - #C47B5D | 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 #DEC1B2 as 0% and #C47B5D as 100%.

0.0%	0.0% #DEC1B2	RGB 222 193 178	#DEC1B2
16.7%	16.7% #D9B4A2	RGB 217 180 162	#D9B4A2
33.3%	33.3% #D5A993	RGB 213 169 147	#D5A993
50.0%	50.0% #D19D85	RGB 209 157 133	#D19D85
66.7%	66.7% #CC9177	RGB 204 145 119	#CC9177
83.3%	83.3% #C88669	RGB 200 134 105	#C88669
100.0%	100.0% #C47B5D	RGB 196 123 93	#C47B5D

#DEC1B2 #D9B4A2 #D5A993 #D19D85 #CC9177 #C88669 #C47B5D

#DEC1B2 - #D19D85 - #C47B5D

CSS codes

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

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