#BFDC6B - #7EB024 | 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 #BFDC6B to #7EB024

#BFDC6B #7EB024

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

#BFDC6B - #7EB024 | 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 #BFDC6B as 0% and #7EB024 as 100%.

0.0%	0.0% #BFDC6B	RGB 191 220 107	#BFDC6B
16.7%	16.7% #B4D45F	RGB 180 212 95	#B4D45F
33.3%	33.3% #A9CD53	RGB 169 205 83	#A9CD53
50.0%	50.0% #9EC647	RGB 158 198 71	#9EC647
66.7%	66.7% #93BE3B	RGB 147 190 59	#93BE3B
83.3%	83.3% #88B72F	RGB 136 183 47	#88B72F
100.0%	100.0% #7EB024	RGB 126 176 36	#7EB024

#BFDC6B #B4D45F #A9CD53 #9EC647 #93BE3B #88B72F #7EB024

#BFDC6B - #7EB024

HSV Blend

#BFDC6B - #7EB024 | 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 #BFDC6B as 0% and #7EB024 as 100%.

0.0%	0.0% #BFDC6B	RGB 191 220 107	#BFDC6B
16.7%	16.7% #B4D45D	RGB 180 212 93	#B4D45D
33.3%	33.3% #A9CD50	RGB 169 205 80	#A9CD50
50.0%	50.0% #9EC644	RGB 158 198 68	#9EC644
66.7%	66.7% #93BE38	RGB 147 190 56	#93BE38
83.3%	83.3% #88B72E	RGB 136 183 46	#88B72E
100.0%	100.0% #7EB024	RGB 126 176 36	#7EB024

#BFDC6B #B4D45D #A9CD50 #9EC644 #93BE38 #88B72E #7EB024

#BFDC6B - #9EC644 - #7EB024

CSS codes

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

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