#AF8C9E - #E8DEE3 | 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 #AF8C9E to #E8DEE3

#AF8C9E #E8DEE3

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

#AF8C9E - #E8DEE3 | 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 #AF8C9E as 0% and #E8DEE3 as 100%.

0.0%	0.0% #AF8C9E	RGB 175 140 158	#AF8C9E
16.7%	16.7% #B899A9	RGB 184 153 169	#B899A9
33.3%	33.3% #C2A7B5	RGB 194 167 181	#C2A7B5
50.0%	50.0% #CBB5C0	RGB 203 181 192	#CBB5C0
66.7%	66.7% #D5C2CC	RGB 213 194 204	#D5C2CC
83.3%	83.3% #DED0D7	RGB 222 208 215	#DED0D7
100.0%	100.0% #E8DEE3	RGB 232 222 227	#E8DEE3

#AF8C9E #B899A9 #C2A7B5 #CBB5C0 #D5C2CC #DED0D7 #E8DEE3

#AF8C9E - #E8DEE3

HSV Blend

#AF8C9E - #E8DEE3 | 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 #AF8C9E as 0% and #E8DEE3 as 100%.

0.0%	0.0% #AF8C9E	RGB 175 140 158	#AF8C9E
16.7%	16.7% #B898A8	RGB 184 152 168	#B898A8
33.3%	33.3% #C2A5B3	RGB 194 165 179	#C2A5B3
50.0%	50.0% #CBB2BF	RGB 203 178 191	#CBB2BF
66.7%	66.7% #D5C0CA	RGB 213 192 202	#D5C0CA
83.3%	83.3% #DECFD6	RGB 222 207 214	#DECFD6
100.0%	100.0% #E8DEE3	RGB 232 222 227	#E8DEE3

#AF8C9E #B898A8 #C2A5B3 #CBB2BF #D5C0CA #DECFD6 #E8DEE3

#AF8C9E - #CBB2BF - #E8DEE3

CSS codes

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

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