#AF3A2B - #E8C7C2 | 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 #AF3A2B to #E8C7C2

#AF3A2B #E8C7C2

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

#AF3A2B - #E8C7C2 | 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 #AF3A2B as 0% and #E8C7C2 as 100%.

0.0%	0.0% #AF3A2B	RGB 175 58 43	#AF3A2B
16.7%	16.7% #B85144	RGB 184 81 68	#B85144
33.3%	33.3% #C2695D	RGB 194 105 93	#C2695D
50.0%	50.0% #CB8076	RGB 203 128 118	#CB8076
66.7%	66.7% #D5988F	RGB 213 152 143	#D5988F
83.3%	83.3% #DEAFA8	RGB 222 175 168	#DEAFA8
100.0%	100.0% #E8C7C2	RGB 232 199 194	#E8C7C2

#AF3A2B #B85144 #C2695D #CB8076 #D5988F #DEAFA8 #E8C7C2

#AF3A2B - #E8C7C2

HSV Blend

#AF3A2B - #E8C7C2 | 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 #AF3A2B as 0% and #E8C7C2 as 100%.

0.0%	0.0% #AF3A2B	RGB 175 58 43	#AF3A2B
16.7%	16.7% #B84D3F	RGB 184 77 63	#B84D3F
33.3%	33.3% #C26255	RGB 194 98 85	#C26255
50.0%	50.0% #CB796E	RGB 203 121 110	#CB796E
66.7%	66.7% #D59188	RGB 213 145 136	#D59188
83.3%	83.3% #DEABA4	RGB 222 171 164	#DEABA4
100.0%	100.0% #E8C7C2	RGB 232 199 194	#E8C7C2

#AF3A2B #B84D3F #C26255 #CB796E #D59188 #DEABA4 #E8C7C2

#AF3A2B - #CB796E - #E8C7C2

CSS codes

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

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