#EAD77C - #CEA32C | 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 #EAD77C to #CEA32C

#EAD77C #CEA32C

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

#EAD77C - #CEA32C | 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 #EAD77C as 0% and #CEA32C as 100%.

0.0%	0.0% #EAD77C	RGB 234 215 124	#EAD77C
16.7%	16.7% #E5CE6E	RGB 229 206 110	#E5CE6E
33.3%	33.3% #E0C561	RGB 224 197 97	#E0C561
50.0%	50.0% #DCBD54	RGB 220 189 84	#DCBD54
66.7%	66.7% #D7B446	RGB 215 180 70	#D7B446
83.3%	83.3% #D2AB39	RGB 210 171 57	#D2AB39
100.0%	100.0% #CEA32C	RGB 206 163 44	#CEA32C

#EAD77C #E5CE6E #E0C561 #DCBD54 #D7B446 #D2AB39 #CEA32C

#EAD77C - #CEA32C

HSV Blend

#EAD77C - #CEA32C | 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 #EAD77C as 0% and #CEA32C as 100%.

0.0%	0.0% #EAD77C	RGB 234 215 124	#EAD77C
16.7%	16.7% #E5CE6D	RGB 229 206 109	#E5CE6D
33.3%	33.3% #E0C65F	RGB 224 198 95	#E0C65F
50.0%	50.0% #DCBD51	RGB 220 189 81	#DCBD51
66.7%	66.7% #D7B444	RGB 215 180 68	#D7B444
83.3%	83.3% #D2AC38	RGB 210 172 56	#D2AC38
100.0%	100.0% #CEA32C	RGB 206 163 44	#CEA32C

#EAD77C #E5CE6D #E0C65F #DCBD51 #D7B444 #D2AC38 #CEA32C

#EAD77C - #DCBD51 - #CEA32C

CSS codes

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

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