#EFFFB2 - #BDED5E | 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 #EFFFB2 to #BDED5E

#EFFFB2 #BDED5E

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

#EFFFB2 - #BDED5E | 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 #EFFFB2 as 0% and #BDED5E as 100%.

0.0%	0.0% #EFFFB2	RGB 239 255 178	#EFFFB2
16.7%	16.7% #E6FCA4	RGB 230 252 164	#E6FCA4
33.3%	33.3% #DEF996	RGB 222 249 150	#DEF996
50.0%	50.0% #D6F688	RGB 214 246 136	#D6F688
66.7%	66.7% #CDF37A	RGB 205 243 122	#CDF37A
83.3%	83.3% #C5F06C	RGB 197 240 108	#C5F06C
100.0%	100.0% #BDED5E	RGB 189 237 94	#BDED5E

#EFFFB2 #E6FCA4 #DEF996 #D6F688 #CDF37A #C5F06C #BDED5E

#EFFFB2 - #BDED5E

HSV Blend

#EFFFB2 - #BDED5E | 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 #EFFFB2 as 0% and #BDED5E as 100%.

0.0%	0.0% #EFFFB2	RGB 239 255 178	#EFFFB2
16.7%	16.7% #E7FCA3	RGB 231 252 163	#E7FCA3
33.3%	33.3% #DFF994	RGB 223 249 148	#DFF994
50.0%	50.0% #D7F686	RGB 215 246 134	#D7F686
66.7%	66.7% #CFF378	RGB 207 243 120	#CFF378
83.3%	83.3% #C6F06B	RGB 198 240 107	#C6F06B
100.0%	100.0% #BDED5E	RGB 189 237 94	#BDED5E

#EFFFB2 #E7FCA3 #DFF994 #D7F686 #CFF378 #C6F06B #BDED5E

#EFFFB2 - #D7F686 - #BDED5E

CSS codes

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

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