#DEC5C5 - #AF7071 | 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 #DEC5C5 to #AF7071

#DEC5C5 #AF7071

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

#DEC5C5 - #AF7071 | 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 #DEC5C5 as 0% and #AF7071 as 100%.

0.0%	0.0% #DEC5C5	RGB 222 197 197	#DEC5C5
16.7%	16.7% #D6B6B7	RGB 214 182 183	#D6B6B7
33.3%	33.3% #CEA8A9	RGB 206 168 169	#CEA8A9
50.0%	50.0% #C69A9B	RGB 198 154 155	#C69A9B
66.7%	66.7% #BE8C8D	RGB 190 140 141	#BE8C8D
83.3%	83.3% #B67E7F	RGB 182 126 127	#B67E7F
100.0%	100.0% #AF7071	RGB 175 112 113	#AF7071

#DEC5C5 #D6B6B7 #CEA8A9 #C69A9B #BE8C8D #B67E7F #AF7071

#DEC5C5 - #AF7071

HSV Blend

#DEC5C5 - #AF7071 | 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 #DEC5C5 as 0% and #AF7071 as 100%.

0.0%	0.0% #DEC5C5	RGB 222 197 197	#DEC5C5
16.7%	16.7% #D6B5B5	RGB 214 181 181	#D6B5B5
33.3%	33.3% #CEA6A6	RGB 206 166 166	#CEA6A6
50.0%	50.0% #C69797	RGB 198 151 151	#C69797
66.7%	66.7% #BE898A	RGB 190 137 138	#BE898A
83.3%	83.3% #B67C7D	RGB 182 124 125	#B67C7D
100.0%	100.0% #AF7071	RGB 175 112 113	#AF7071

#DEC5C5 #D6B5B5 #CEA6A6 #C69797 #BE898A #B67C7D #AF7071

#DEC5C5 - #C69797 - #AF7071

CSS codes

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

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