#DECED2 - #AE7E8A | 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 #DECED2 to #AE7E8A

#DECED2 #AE7E8A

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

#DECED2 - #AE7E8A | 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 #DECED2 as 0% and #AE7E8A as 100%.

0.0%	0.0% #DECED2	RGB 222 206 210	#DECED2
16.7%	16.7% #D6C0C6	RGB 214 192 198	#D6C0C6
33.3%	33.3% #CEB3BA	RGB 206 179 186	#CEB3BA
50.0%	50.0% #C6A6AE	RGB 198 166 174	#C6A6AE
66.7%	66.7% #BE98A2	RGB 190 152 162	#BE98A2
83.3%	83.3% #B68B96	RGB 182 139 150	#B68B96
100.0%	100.0% #AE7E8A	RGB 174 126 138	#AE7E8A

#DECED2 #D6C0C6 #CEB3BA #C6A6AE #BE98A2 #B68B96 #AE7E8A

#DECED2 - #AE7E8A

HSV Blend

#DECED2 - #AE7E8A | 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 #DECED2 as 0% and #AE7E8A as 100%.

0.0%	0.0% #DECED2	RGB 222 206 210	#DECED2
16.7%	16.7% #D6BFC4	RGB 214 191 196	#D6BFC4
33.3%	33.3% #CEB1B8	RGB 206 177 184	#CEB1B8
50.0%	50.0% #C6A3AC	RGB 198 163 172	#C6A3AC
66.7%	66.7% #BE96A0	RGB 190 150 160	#BE96A0
83.3%	83.3% #B68994	RGB 182 137 148	#B68994
100.0%	100.0% #AE7E8A	RGB 174 126 138	#AE7E8A

#DECED2 #D6BFC4 #CEB1B8 #C6A3AC #BE96A0 #B68994 #AE7E8A

#DECED2 - #C6A3AC - #AE7E8A

CSS codes

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

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