#EBA96B - #CD6421 | 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 #EBA96B to #CD6421

#EBA96B #CD6421

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

#EBA96B - #CD6421 | 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 #EBA96B as 0% and #CD6421 as 100%.

0.0%	0.0% #EBA96B	RGB 235 169 107	#EBA96B
16.7%	16.7% #E69D5E	RGB 230 157 94	#E69D5E
33.3%	33.3% #E19252	RGB 225 146 82	#E19252
50.0%	50.0% #DC8646	RGB 220 134 70	#DC8646
66.7%	66.7% #D77B39	RGB 215 123 57	#D77B39
83.3%	83.3% #D26F2D	RGB 210 111 45	#D26F2D
100.0%	100.0% #CD6421	RGB 205 100 33	#CD6421

#EBA96B #E69D5E #E19252 #DC8646 #D77B39 #D26F2D #CD6421

#EBA96B - #CD6421

HSV Blend

#EBA96B - #CD6421 | 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 #EBA96B as 0% and #CD6421 as 100%.

0.0%	0.0% #EBA96B	RGB 235 169 107	#EBA96B
16.7%	16.7% #E69D5D	RGB 230 157 93	#E69D5D
33.3%	33.3% #E19150	RGB 225 145 80	#E19150
50.0%	50.0% #DC8643	RGB 220 134 67	#DC8643
66.7%	66.7% #D77A37	RGB 215 122 55	#D77A37
83.3%	83.3% #D26F2C	RGB 210 111 44	#D26F2C
100.0%	100.0% #CD6421	RGB 205 100 33	#CD6421

#EBA96B #E69D5D #E19150 #DC8643 #D77A37 #D26F2C #CD6421

#EBA96B - #DC8643 - #CD6421

CSS codes

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

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