#DEC3C5 - #AA737A | 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 #DEC3C5 to #AA737A

#DEC3C5 #AA737A

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

#DEC3C5 - #AA737A | 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 #DEC3C5 as 0% and #AA737A as 100%.

0.0%	0.0% #DEC3C5	RGB 222 195 197	#DEC3C5
16.7%	16.7% #D5B5B8	RGB 213 181 184	#D5B5B8
33.3%	33.3% #CCA8AC	RGB 204 168 172	#CCA8AC
50.0%	50.0% #C49B9F	RGB 196 155 159	#C49B9F
66.7%	66.7% #BB8D93	RGB 187 141 147	#BB8D93
83.3%	83.3% #B28086	RGB 178 128 134	#B28086
100.0%	100.0% #AA737A	RGB 170 115 122	#AA737A

#DEC3C5 #D5B5B8 #CCA8AC #C49B9F #BB8D93 #B28086 #AA737A

#DEC3C5 - #AA737A

HSV Blend

#DEC3C5 - #AA737A | 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 #DEC3C5 as 0% and #AA737A as 100%.

0.0%	0.0% #DEC3C5	RGB 222 195 197	#DEC3C5
16.7%	16.7% #D5B4B6	RGB 213 180 182	#D5B4B6
33.3%	33.3% #CCA6A9	RGB 204 166 169	#CCA6A9
50.0%	50.0% #C4989C	RGB 196 152 156	#C4989C
66.7%	66.7% #BB8B90	RGB 187 139 144	#BB8B90
83.3%	83.3% #B27E85	RGB 178 126 133	#B27E85
100.0%	100.0% #AA737A	RGB 170 115 122	#AA737A

#DEC3C5 #D5B4B6 #CCA6A9 #C4989C #BB8B90 #B27E85 #AA737A

#DEC3C5 - #C4989C - #AA737A

CSS codes

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

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