#EAAB6B - #CC6721 | 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 #EAAB6B to #CC6721

#EAAB6B #CC6721

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

#EAAB6B - #CC6721 | 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 #EAAB6B as 0% and #CC6721 as 100%.

0.0%	0.0% #EAAB6B	RGB 234 171 107	#EAAB6B
16.7%	16.7% #E59F5E	RGB 229 159 94	#E59F5E
33.3%	33.3% #E09452	RGB 224 148 82	#E09452
50.0%	50.0% #DB8946	RGB 219 137 70	#DB8946
66.7%	66.7% #D67D39	RGB 214 125 57	#D67D39
83.3%	83.3% #D1722D	RGB 209 114 45	#D1722D
100.0%	100.0% #CC6721	RGB 204 103 33	#CC6721

#EAAB6B #E59F5E #E09452 #DB8946 #D67D39 #D1722D #CC6721

#EAAB6B - #CC6721

HSV Blend

#EAAB6B - #CC6721 | 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 #EAAB6B as 0% and #CC6721 as 100%.

0.0%	0.0% #EAAB6B	RGB 234 171 107	#EAAB6B
16.7%	16.7% #E59F5D	RGB 229 159 93	#E59F5D
33.3%	33.3% #E09450	RGB 224 148 80	#E09450
50.0%	50.0% #DB8843	RGB 219 136 67	#DB8843
66.7%	66.7% #D67D37	RGB 214 125 55	#D67D37
83.3%	83.3% #D1722C	RGB 209 114 44	#D1722C
100.0%	100.0% #CC6721	RGB 204 103 33	#CC6721

#EAAB6B #E59F5D #E09450 #DB8843 #D67D37 #D1722C #CC6721

#EAAB6B - #DB8843 - #CC6721

CSS codes

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

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