#AF4831 - #E8CAC4 | 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 #AF4831 to #E8CAC4

#AF4831 #E8CAC4

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

#AF4831 - #E8CAC4 | 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 #AF4831 as 0% and #E8CAC4 as 100%.

0.0%	0.0% #AF4831	RGB 175 72 49	#AF4831
16.7%	16.7% #B85D49	RGB 184 93 73	#B85D49
33.3%	33.3% #C27362	RGB 194 115 98	#C27362
50.0%	50.0% #CB897A	RGB 203 137 122	#CB897A
66.7%	66.7% #D59E93	RGB 213 158 147	#D59E93
83.3%	83.3% #DEB4AB	RGB 222 180 171	#DEB4AB
100.0%	100.0% #E8CAC4	RGB 232 202 196	#E8CAC4

#AF4831 #B85D49 #C27362 #CB897A #D59E93 #DEB4AB #E8CAC4

#AF4831 - #E8CAC4

HSV Blend

#AF4831 - #E8CAC4 | 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 #AF4831 as 0% and #E8CAC4 as 100%.

0.0%	0.0% #AF4831	RGB 175 72 49	#AF4831
16.7%	16.7% #B85945	RGB 184 89 69	#B85945
33.3%	33.3% #C26D5A	RGB 194 109 90	#C26D5A
50.0%	50.0% #CB8172	RGB 203 129 114	#CB8172
66.7%	66.7% #D5988B	RGB 213 152 139	#D5988B
83.3%	83.3% #DEB0A7	RGB 222 176 167	#DEB0A7
100.0%	100.0% #E8CAC4	RGB 232 202 196	#E8CAC4

#AF4831 #B85945 #C26D5A #CB8172 #D5988B #DEB0A7 #E8CAC4

#AF4831 - #CB8172 - #E8CAC4

CSS codes

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

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