#EDFFBF - #A1CF54 | 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 #EDFFBF to #A1CF54

#EDFFBF #A1CF54

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

#EDFFBF - #A1CF54 | 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 #EDFFBF as 0% and #A1CF54 as 100%.

0.0%	0.0% #EDFFBF	RGB 237 255 191	#EDFFBF
16.7%	16.7% #E0F7AD	RGB 224 247 173	#E0F7AD
33.3%	33.3% #D3EF9B	RGB 211 239 155	#D3EF9B
50.0%	50.0% #C7E789	RGB 199 231 137	#C7E789
66.7%	66.7% #BADF77	RGB 186 223 119	#BADF77
83.3%	83.3% #ADD765	RGB 173 215 101	#ADD765
100.0%	100.0% #A1CF54	RGB 161 207 84	#A1CF54

#EDFFBF #E0F7AD #D3EF9B #C7E789 #BADF77 #ADD765 #A1CF54

#EDFFBF - #A1CF54

HSV Blend

#EDFFBF - #A1CF54 | 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 #EDFFBF as 0% and #A1CF54 as 100%.

0.0%	0.0% #EDFFBF	RGB 237 255 191	#EDFFBF
16.7%	16.7% #E0F7AA	RGB 224 247 170	#E0F7AA
33.3%	33.3% #D3EF97	RGB 211 239 151	#D3EF97
50.0%	50.0% #C7E785	RGB 199 231 133	#C7E785
66.7%	66.7% #BADF74	RGB 186 223 116	#BADF74
83.3%	83.3% #ADD763	RGB 173 215 99	#ADD763
100.0%	100.0% #A1CF54	RGB 161 207 84	#A1CF54

#EDFFBF #E0F7AA #D3EF97 #C7E785 #BADF74 #ADD763 #A1CF54

#EDFFBF - #C7E785 - #A1CF54

CSS codes

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

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