#AF565B - #E8CED0 | 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 #AF565B to #E8CED0

#AF565B #E8CED0

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

#AF565B - #E8CED0 | 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 #AF565B as 0% and #E8CED0 as 100%.

0.0%	0.0% #AF565B	RGB 175 86 91	#AF565B
16.7%	16.7% #B86A6E	RGB 184 106 110	#B86A6E
33.3%	33.3% #C27E82	RGB 194 126 130	#C27E82
50.0%	50.0% #CB9295	RGB 203 146 149	#CB9295
66.7%	66.7% #D5A6A9	RGB 213 166 169	#D5A6A9
83.3%	83.3% #DEBABC	RGB 222 186 188	#DEBABC
100.0%	100.0% #E8CED0	RGB 232 206 208	#E8CED0

#AF565B #B86A6E #C27E82 #CB9295 #D5A6A9 #DEBABC #E8CED0

#AF565B - #E8CED0

HSV Blend

#AF565B - #E8CED0 | 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 #AF565B as 0% and #E8CED0 as 100%.

0.0%	0.0% #AF565B	RGB 175 86 91	#AF565B
16.7%	16.7% #B8666B	RGB 184 102 107	#B8666B
33.3%	33.3% #C2787D	RGB 194 120 125	#C2787D
50.0%	50.0% #CB8C90	RGB 203 140 144	#CB8C90
66.7%	66.7% #D5A0A4	RGB 213 160 164	#D5A0A4
83.3%	83.3% #DEB6B9	RGB 222 182 185	#DEB6B9
100.0%	100.0% #E8CED0	RGB 232 206 208	#E8CED0

#AF565B #B8666B #C2787D #CB8C90 #D5A0A4 #DEB6B9 #E8CED0

#AF565B - #CB8C90 - #E8CED0

CSS codes

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

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