#E2EC4D - #ABBD14 | 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 #E2EC4D to #ABBD14

#E2EC4D #ABBD14

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

#E2EC4D - #ABBD14 | 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 #E2EC4D as 0% and #ABBD14 as 100%.

0.0%	0.0% #E2EC4D	RGB 226 236 77	#E2EC4D
16.7%	16.7% #D8E443	RGB 216 228 67	#D8E443
33.3%	33.3% #CFDC3A	RGB 207 220 58	#CFDC3A
50.0%	50.0% #C6D430	RGB 198 212 48	#C6D430
66.7%	66.7% #BDCC27	RGB 189 204 39	#BDCC27
83.3%	83.3% #B4C41D	RGB 180 196 29	#B4C41D
100.0%	100.0% #ABBD14	RGB 171 189 20	#ABBD14

#E2EC4D #D8E443 #CFDC3A #C6D430 #BDCC27 #B4C41D #ABBD14

#E2EC4D - #ABBD14

HSV Blend

#E2EC4D - #ABBD14 | 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 #E2EC4D as 0% and #ABBD14 as 100%.

0.0%	0.0% #E2EC4D	RGB 226 236 77	#E2EC4D
16.7%	16.7% #D8E442	RGB 216 228 66	#D8E442
33.3%	33.3% #CFDC37	RGB 207 220 55	#CFDC37
50.0%	50.0% #C6D42D	RGB 198 212 45	#C6D42D
66.7%	66.7% #BDCC24	RGB 189 204 36	#BDCC24
83.3%	83.3% #B4C41C	RGB 180 196 28	#B4C41C
100.0%	100.0% #ABBD14	RGB 171 189 20	#ABBD14

#E2EC4D #D8E442 #CFDC37 #C6D42D #BDCC24 #B4C41C #ABBD14

#E2EC4D - #C6D42D - #ABBD14

CSS codes

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

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