#AF4C3C - #E8CCC7 | 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 #AF4C3C to #E8CCC7

#AF4C3C #E8CCC7

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

#AF4C3C - #E8CCC7 | 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 #AF4C3C as 0% and #E8CCC7 as 100%.

0.0%	0.0% #AF4C3C	RGB 175 76 60	#AF4C3C
16.7%	16.7% #B86153	RGB 184 97 83	#B86153
33.3%	33.3% #C2766A	RGB 194 118 106	#C2766A
50.0%	50.0% #CB8C81	RGB 203 140 129	#CB8C81
66.7%	66.7% #D5A198	RGB 213 161 152	#D5A198
83.3%	83.3% #DEB6AF	RGB 222 182 175	#DEB6AF
100.0%	100.0% #E8CCC7	RGB 232 204 199	#E8CCC7

#AF4C3C #B86153 #C2766A #CB8C81 #D5A198 #DEB6AF #E8CCC7

#AF4C3C - #E8CCC7

HSV Blend

#AF4C3C - #E8CCC7 | 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 #AF4C3C as 0% and #E8CCC7 as 100%.

0.0%	0.0% #AF4C3C	RGB 175 76 60	#AF4C3C
16.7%	16.7% #B85D4F	RGB 184 93 79	#B85D4F
33.3%	33.3% #C27163	RGB 194 113 99	#C27163
50.0%	50.0% #CB857A	RGB 203 133 122	#CB857A
66.7%	66.7% #D59B92	RGB 213 155 146	#D59B92
83.3%	83.3% #DEB3AB	RGB 222 179 171	#DEB3AB
100.0%	100.0% #E8CCC7	RGB 232 204 199	#E8CCC7

#AF4C3C #B85D4F #C27163 #CB857A #D59B92 #DEB3AB #E8CCC7

#AF4C3C - #CB857A - #E8CCC7

CSS codes

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

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