#EFC17E - #CF8D2D | 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 #EFC17E to #CF8D2D

#EFC17E #CF8D2D

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

#EFC17E - #CF8D2D | 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 #EFC17E as 0% and #CF8D2D as 100%.

0.0%	0.0% #EFC17E	RGB 239 193 126	#EFC17E
16.7%	16.7% #E9B870	RGB 233 184 112	#E9B870
33.3%	33.3% #E4AF63	RGB 228 175 99	#E4AF63
50.0%	50.0% #DFA755	RGB 223 167 85	#DFA755
66.7%	66.7% #D99E48	RGB 217 158 72	#D99E48
83.3%	83.3% #D4953A	RGB 212 149 58	#D4953A
100.0%	100.0% #CF8D2D	RGB 207 141 45	#CF8D2D

#EFC17E #E9B870 #E4AF63 #DFA755 #D99E48 #D4953A #CF8D2D

#EFC17E - #CF8D2D

HSV Blend

#EFC17E - #CF8D2D | 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 #EFC17E as 0% and #CF8D2D as 100%.

0.0%	0.0% #EFC17E	RGB 239 193 126	#EFC17E
16.7%	16.7% #E9B76F	RGB 233 183 111	#E9B76F
33.3%	33.3% #E4AE60	RGB 228 174 96	#E4AE60
50.0%	50.0% #DFA553	RGB 223 165 83	#DFA553
66.7%	66.7% #D99D45	RGB 217 157 69	#D99D45
83.3%	83.3% #D49539	RGB 212 149 57	#D49539
100.0%	100.0% #CF8D2D	RGB 207 141 45	#CF8D2D

#EFC17E #E9B76F #E4AE60 #DFA553 #D99D45 #D49539 #CF8D2D

#EFC17E - #DFA553 - #CF8D2D

CSS codes

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

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