#E9F98E - #B5DB3A | 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 #E9F98E to #B5DB3A

#E9F98E #B5DB3A

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

#E9F98E - #B5DB3A | 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 #E9F98E as 0% and #B5DB3A as 100%.

0.0%	0.0% #E9F98E	RGB 233 249 142	#E9F98E
16.7%	16.7% #E0F480	RGB 224 244 128	#E0F480
33.3%	33.3% #D7EF72	RGB 215 239 114	#D7EF72
50.0%	50.0% #CFEA64	RGB 207 234 100	#CFEA64
66.7%	66.7% #C6E556	RGB 198 229 86	#C6E556
83.3%	83.3% #BDE048	RGB 189 224 72	#BDE048
100.0%	100.0% #B5DB3A	RGB 181 219 58	#B5DB3A

#E9F98E #E0F480 #D7EF72 #CFEA64 #C6E556 #BDE048 #B5DB3A

#E9F98E - #B5DB3A

HSV Blend

#E9F98E - #B5DB3A | 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 #E9F98E as 0% and #B5DB3A as 100%.

0.0%	0.0% #E9F98E	RGB 233 249 142	#E9F98E
16.7%	16.7% #E0F47E	RGB 224 244 126	#E0F47E
33.3%	33.3% #D8EF6F	RGB 216 239 111	#D8EF6F
50.0%	50.0% #CFEA61	RGB 207 234 97	#CFEA61
66.7%	66.7% #C6E553	RGB 198 229 83	#C6E553
83.3%	83.3% #BEE046	RGB 190 224 70	#BEE046
100.0%	100.0% #B5DB3A	RGB 181 219 58	#B5DB3A

#E9F98E #E0F47E #D8EF6F #CFEA61 #C6E553 #BEE046 #B5DB3A

#E9F98E - #CFEA61 - #B5DB3A

CSS codes

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

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