#DEC3C3 - #AF6D6E | 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 #DEC3C3 to #AF6D6E

#DEC3C3 #AF6D6E

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

#DEC3C3 - #AF6D6E | 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 #DEC3C3 as 0% and #AF6D6E as 100%.

0.0%	0.0% #DEC3C3	RGB 222 195 195	#DEC3C3
16.7%	16.7% #D6B4B4	RGB 214 180 180	#D6B4B4
33.3%	33.3% #CEA6A6	RGB 206 166 166	#CEA6A6
50.0%	50.0% #C69898	RGB 198 152 152	#C69898
66.7%	66.7% #BE898A	RGB 190 137 138	#BE898A
83.3%	83.3% #B67B7C	RGB 182 123 124	#B67B7C
100.0%	100.0% #AF6D6E	RGB 175 109 110	#AF6D6E

#DEC3C3 #D6B4B4 #CEA6A6 #C69898 #BE898A #B67B7C #AF6D6E

#DEC3C3 - #AF6D6E

HSV Blend

#DEC3C3 - #AF6D6E | 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 #DEC3C3 as 0% and #AF6D6E as 100%.

0.0%	0.0% #DEC3C3	RGB 222 195 195	#DEC3C3
16.7%	16.7% #D6B2B3	RGB 214 178 179	#D6B2B3
33.3%	33.3% #CEA3A3	RGB 206 163 163	#CEA3A3
50.0%	50.0% #C69495	RGB 198 148 149	#C69495
66.7%	66.7% #BE8687	RGB 190 134 135	#BE8687
83.3%	83.3% #B6797A	RGB 182 121 122	#B6797A
100.0%	100.0% #AF6D6E	RGB 175 109 110	#AF6D6E

#DEC3C3 #D6B2B3 #CEA3A3 #C69495 #BE8687 #B6797A #AF6D6E

#DEC3C3 - #C69495 - #AF6D6E

CSS codes

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

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