#BFDF5C - #7EB21C | 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 #BFDF5C to #7EB21C

#BFDF5C #7EB21C

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

#BFDF5C - #7EB21C | 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 #BFDF5C as 0% and #7EB21C as 100%.

0.0%	0.0% #BFDF5C	RGB 191 223 92	#BFDF5C
16.7%	16.7% #B4D751	RGB 180 215 81	#B4D751
33.3%	33.3% #A9D046	RGB 169 208 70	#A9D046
50.0%	50.0% #9EC83C	RGB 158 200 60	#9EC83C
66.7%	66.7% #93C131	RGB 147 193 49	#93C131
83.3%	83.3% #88B926	RGB 136 185 38	#88B926
100.0%	100.0% #7EB21C	RGB 126 178 28	#7EB21C

#BFDF5C #B4D751 #A9D046 #9EC83C #93C131 #88B926 #7EB21C

#BFDF5C - #7EB21C

HSV Blend

#BFDF5C - #7EB21C | 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 #BFDF5C as 0% and #7EB21C as 100%.

0.0%	0.0% #BFDF5C	RGB 191 223 92	#BFDF5C
16.7%	16.7% #B4D74F	RGB 180 215 79	#B4D74F
33.3%	33.3% #A9D044	RGB 169 208 68	#A9D044
50.0%	50.0% #9EC839	RGB 158 200 57	#9EC839
66.7%	66.7% #93C12E	RGB 147 193 46	#93C12E
83.3%	83.3% #88B925	RGB 136 185 37	#88B925
100.0%	100.0% #7EB21C	RGB 126 178 28	#7EB21C

#BFDF5C #B4D74F #A9D044 #9EC839 #93C12E #88B925 #7EB21C

#BFDF5C - #9EC839 - #7EB21C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFDF5C 0%, #9EC839 50%, #7EB21C 100%);
    background: -webkit-linear-gradient(top, #BFDF5C 0%, #9EC839 50%, #7EB21C 100%);
    background: linear-gradient(to bottom, #BFDF5C 0%, #9EC839 50%, #7EB21C 100%);
}
</style>