#E5DEE2 - #AF908A | 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 #E5DEE2 to #AF908A

#E5DEE2 #AF908A

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

#E5DEE2 - #AF908A | 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 #E5DEE2 as 0% and #AF908A as 100%.

0.0%	0.0% #E5DEE2	RGB 229 222 226	#E5DEE2
16.7%	16.7% #DCD1D3	RGB 220 209 211	#DCD1D3
33.3%	33.3% #D3C4C4	RGB 211 196 196	#D3C4C4
50.0%	50.0% #CAB7B6	RGB 202 183 182	#CAB7B6
66.7%	66.7% #C1AAA7	RGB 193 170 167	#C1AAA7
83.3%	83.3% #B89D98	RGB 184 157 152	#B89D98
100.0%	100.0% #AF908A	RGB 175 144 138	#AF908A

#E5DEE2 #DCD1D3 #D3C4C4 #CAB7B6 #C1AAA7 #B89D98 #AF908A

#E5DEE2 - #AF908A

HSV Blend

#E5DEE2 - #AF908A | 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 #E5DEE2 as 0% and #AF908A as 100%.

0.0%	0.0% #E5DEE2	RGB 229 222 226	#E5DEE2
16.7%	16.7% #DCCED4	RGB 220 206 212	#DCCED4
33.3%	33.3% #D3BFC6	RGB 211 191 198	#D3BFC6
50.0%	50.0% #CAB1B6	RGB 202 177 182	#CAB1B6
66.7%	66.7% #C1A3A6	RGB 193 163 166	#C1A3A6
83.3%	83.3% #B89796	RGB 184 151 150	#B89796
100.0%	100.0% #AF908A	RGB 175 144 138	#AF908A

#E5DEE2 #DCCED4 #D3BFC6 #CAB1B6 #C1A3A6 #B89796 #AF908A

#E5DEE2 - #CAB1B6 - #AF908A

CSS codes

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

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