#BDDA2B - #ECF4C2 | 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 #BDDA2B to #ECF4C2

#BDDA2B #ECF4C2

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

#BDDA2B - #ECF4C2 | 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 #BDDA2B as 0% and #ECF4C2 as 100%.

0.0%	0.0% #BDDA2B	RGB 189 218 43	#BDDA2B
16.7%	16.7% #C4DE44	RGB 196 222 68	#C4DE44
33.3%	33.3% #CCE25D	RGB 204 226 93	#CCE25D
50.0%	50.0% #D4E776	RGB 212 231 118	#D4E776
66.7%	66.7% #DCEB8F	RGB 220 235 143	#DCEB8F
83.3%	83.3% #E4EFA8	RGB 228 239 168	#E4EFA8
100.0%	100.0% #ECF4C2	RGB 236 244 194	#ECF4C2

#BDDA2B #C4DE44 #CCE25D #D4E776 #DCEB8F #E4EFA8 #ECF4C2

#BDDA2B - #ECF4C2

HSV Blend

#BDDA2B - #ECF4C2 | 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 #BDDA2B as 0% and #ECF4C2 as 100%.

0.0%	0.0% #BDDA2A	RGB 189 218 42	#BDDA2A
16.7%	16.7% #C4DE42	RGB 196 222 66	#C4DE42
33.3%	33.3% #CCE259	RGB 204 226 89	#CCE259
50.0%	50.0% #D4E772	RGB 212 231 114	#D4E772
66.7%	66.7% #DBEB8C	RGB 219 235 140	#DBEB8C
83.3%	83.3% #E3EFA6	RGB 227 239 166	#E3EFA6
100.0%	100.0% #ECF4C2	RGB 236 244 194	#ECF4C2

#BDDA2A #C4DE42 #CCE259 #D4E772 #DBEB8C #E3EFA6 #ECF4C2

#BDDA2B - #D4E772 - #ECF4C2

CSS codes

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

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