#E5E585 - #C4BB34 | 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 #E5E585 to #C4BB34

#E5E585 #C4BB34

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

#E5E585 - #C4BB34 | 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 #E5E585 as 0% and #C4BB34 as 100%.

0.0%	0.0% #E5E585	RGB 229 229 133	#E5E585
16.7%	16.7% #DFDE77	RGB 223 222 119	#DFDE77
33.3%	33.3% #DAD76A	RGB 218 215 106	#DAD76A
50.0%	50.0% #D4D05C	RGB 212 208 92	#D4D05C
66.7%	66.7% #CFC94F	RGB 207 201 79	#CFC94F
83.3%	83.3% #C9C241	RGB 201 194 65	#C9C241
100.0%	100.0% #C4BB34	RGB 196 187 52	#C4BB34

#E5E585 #DFDE77 #DAD76A #D4D05C #CFC94F #C9C241 #C4BB34

#E5E585 - #C4BB34

HSV Blend

#E5E585 - #C4BB34 | 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 #E5E585 as 0% and #C4BB34 as 100%.

0.0%	0.0% #E5E585	RGB 229 229 133	#E5E585
16.7%	16.7% #DFDE76	RGB 223 222 118	#DFDE76
33.3%	33.3% #DAD767	RGB 218 215 103	#DAD767
50.0%	50.0% #D4D059	RGB 212 208 89	#D4D059
66.7%	66.7% #CFC94C	RGB 207 201 76	#CFC94C
83.3%	83.3% #C9C240	RGB 201 194 64	#C9C240
100.0%	100.0% #C4BB34	RGB 196 187 52	#C4BB34

#E5E585 #DFDE76 #DAD767 #D4D059 #CFC94C #C9C240 #C4BB34

#E5E585 - #D4D059 - #C4BB34

CSS codes

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

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