#E5E0AF - #CEBE58 | 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 #E5E0AF to #CEBE58

#E5E0AF #CEBE58

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

#E5E0AF - #CEBE58 | 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 #E5E0AF as 0% and #CEBE58 as 100%.

0.0%	0.0% #E5E0AF	RGB 229 224 175	#E5E0AF
16.7%	16.7% #E1DAA0	RGB 225 218 160	#E1DAA0
33.3%	33.3% #DDD492	RGB 221 212 146	#DDD492
50.0%	50.0% #D9CF83	RGB 217 207 131	#D9CF83
66.7%	66.7% #D5C975	RGB 213 201 117	#D5C975
83.3%	83.3% #D1C366	RGB 209 195 102	#D1C366
100.0%	100.0% #CEBE58	RGB 206 190 88	#CEBE58

#E5E0AF #E1DAA0 #DDD492 #D9CF83 #D5C975 #D1C366 #CEBE58

#E5E0AF - #CEBE58

HSV Blend

#E5E0AF - #CEBE58 | 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 #E5E0AF as 0% and #CEBE58 as 100%.

0.0%	0.0% #E5E0AF	RGB 229 224 175	#E5E0AF
16.7%	16.7% #E1DA9F	RGB 225 218 159	#E1DA9F
33.3%	33.3% #DDD590	RGB 221 213 144	#DDD590
50.0%	50.0% #D9CF81	RGB 217 207 129	#D9CF81
66.7%	66.7% #D5C973	RGB 213 201 115	#D5C973
83.3%	83.3% #D1C365	RGB 209 195 101	#D1C365
100.0%	100.0% #CEBE58	RGB 206 190 88	#CEBE58

#E5E0AF #E1DA9F #DDD590 #D9CF81 #D5C973 #D1C365 #CEBE58

#E5E0AF - #D9CF81 - #CEBE58

CSS codes

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

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