#EEC1AF - #C96E3E | 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 #EEC1AF to #C96E3E

#EEC1AF #C96E3E

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

#EEC1AF - #C96E3E | 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 #EEC1AF as 0% and #C96E3E as 100%.

0.0%	0.0% #EEC1AF	RGB 238 193 175	#EEC1AF
16.7%	16.7% #E7B39C	RGB 231 179 156	#E7B39C
33.3%	33.3% #E1A589	RGB 225 165 137	#E1A589
50.0%	50.0% #DB9776	RGB 219 151 118	#DB9776
66.7%	66.7% #D58963	RGB 213 137 99	#D58963
83.3%	83.3% #CF7B50	RGB 207 123 80	#CF7B50
100.0%	100.0% #C96E3E	RGB 201 110 62	#C96E3E

#EEC1AF #E7B39C #E1A589 #DB9776 #D58963 #CF7B50 #C96E3E

#EEC1AF - #C96E3E

HSV Blend

#EEC1AF - #C96E3E | 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 #EEC1AF as 0% and #C96E3E as 100%.

0.0%	0.0% #EEC1AF	RGB 238 193 175	#EEC1AF
16.7%	16.7% #E7B099	RGB 231 176 153	#E7B099
33.3%	33.3% #E1A185	RGB 225 161 133	#E1A185
50.0%	50.0% #DB9372	RGB 219 147 114	#DB9372
66.7%	66.7% #D58660	RGB 213 134 96	#D58660
83.3%	83.3% #CF794E	RGB 207 121 78	#CF794E
100.0%	100.0% #C96E3E	RGB 201 110 62	#C96E3E

#EEC1AF #E7B099 #E1A185 #DB9372 #D58660 #CF794E #C96E3E

#EEC1AF - #DB9372 - #C96E3E

CSS codes

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

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