#E5E74E - #B0B614 | 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 #E5E74E to #B0B614

#E5E74E #B0B614

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

#E5E74E - #B0B614 | 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 #E5E74E as 0% and #B0B614 as 100%.

0.0%	0.0% #E5E74E	RGB 229 231 78	#E5E74E
16.7%	16.7% #DCDE44	RGB 220 222 68	#DCDE44
33.3%	33.3% #D3D63A	RGB 211 214 58	#D3D63A
50.0%	50.0% #CACE31	RGB 202 206 49	#CACE31
66.7%	66.7% #C1C627	RGB 193 198 39	#C1C627
83.3%	83.3% #B8BE1D	RGB 184 190 29	#B8BE1D
100.0%	100.0% #B0B614	RGB 176 182 20	#B0B614

#E5E74E #DCDE44 #D3D63A #CACE31 #C1C627 #B8BE1D #B0B614

#E5E74E - #B0B614

HSV Blend

#E5E74E - #B0B614 | 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 #E5E74E as 0% and #B0B614 as 100%.

0.0%	0.0% #E5E74E	RGB 229 231 78	#E5E74E
16.7%	16.7% #DCDE42	RGB 220 222 66	#DCDE42
33.3%	33.3% #D3D638	RGB 211 214 56	#D3D638
50.0%	50.0% #CACE2E	RGB 202 206 46	#CACE2E
66.7%	66.7% #C1C624	RGB 193 198 36	#C1C624
83.3%	83.3% #B8BE1C	RGB 184 190 28	#B8BE1C
100.0%	100.0% #B0B614	RGB 176 182 20	#B0B614

#E5E74E #DCDE42 #D3D638 #CACE2E #C1C624 #B8BE1C #B0B614

#E5E74E - #CACE2E - #B0B614

CSS codes

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

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