#E5E06D - #C4B124 | 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 #E5E06D to #C4B124

#E5E06D #C4B124

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

#E5E06D - #C4B124 | 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 #E5E06D as 0% and #C4B124 as 100%.

0.0%	0.0% #E5E06D	RGB 229 224 109	#E5E06D
16.7%	16.7% #DFD860	RGB 223 216 96	#DFD860
33.3%	33.3% #DAD054	RGB 218 208 84	#DAD054
50.0%	50.0% #D4C848	RGB 212 200 72	#D4C848
66.7%	66.7% #CFC03C	RGB 207 192 60	#CFC03C
83.3%	83.3% #C9B830	RGB 201 184 48	#C9B830
100.0%	100.0% #C4B124	RGB 196 177 36	#C4B124

#E5E06D #DFD860 #DAD054 #D4C848 #CFC03C #C9B830 #C4B124

#E5E06D - #C4B124

HSV Blend

#E5E06D - #C4B124 | 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 #E5E06D as 0% and #C4B124 as 100%.

0.0%	0.0% #E5E06D	RGB 229 224 109	#E5E06D
16.7%	16.7% #DFD85F	RGB 223 216 95	#DFD85F
33.3%	33.3% #DAD052	RGB 218 208 82	#DAD052
50.0%	50.0% #D4C946	RGB 212 201 70	#D4C946
66.7%	66.7% #CFC13A	RGB 207 193 58	#CFC13A
83.3%	83.3% #C9B92E	RGB 201 185 46	#C9B92E
100.0%	100.0% #C4B124	RGB 196 177 36	#C4B124

#E5E06D #DFD85F #DAD052 #D4C946 #CFC13A #C9B92E #C4B124

#E5E06D - #D4C946 - #C4B124

CSS codes

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

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