#E5E277 - #C4B52A | 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 #E5E277 to #C4B52A

#E5E277 #C4B52A

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

#E5E277 - #C4B52A | 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 #E5E277 as 0% and #C4B52A as 100%.

0.0%	0.0% #E5E277	RGB 229 226 119	#E5E277
16.7%	16.7% #DFDA6A	RGB 223 218 106	#DFDA6A
33.3%	33.3% #DAD35D	RGB 218 211 93	#DAD35D
50.0%	50.0% #D4CB50	RGB 212 203 80	#D4CB50
66.7%	66.7% #CFC443	RGB 207 196 67	#CFC443
83.3%	83.3% #C9BC36	RGB 201 188 54	#C9BC36
100.0%	100.0% #C4B52A	RGB 196 181 42	#C4B52A

#E5E277 #DFDA6A #DAD35D #D4CB50 #CFC443 #C9BC36 #C4B52A

#E5E277 - #C4B52A

HSV Blend

#E5E277 - #C4B52A | 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 #E5E277 as 0% and #C4B52A as 100%.

0.0%	0.0% #E5E277	RGB 229 226 119	#E5E277
16.7%	16.7% #DFDA68	RGB 223 218 104	#DFDA68
33.3%	33.3% #DAD35B	RGB 218 211 91	#DAD35B
50.0%	50.0% #D4CC4D	RGB 212 204 77	#D4CC4D
66.7%	66.7% #CFC441	RGB 207 196 65	#CFC441
83.3%	83.3% #C9BC35	RGB 201 188 53	#C9BC35
100.0%	100.0% #C4B52A	RGB 196 181 42	#C4B52A

#E5E277 #DFDA68 #DAD35B #D4CC4D #CFC441 #C9BC35 #C4B52A

#E5E277 - #D4CC4D - #C4B52A

CSS codes

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

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