#B7DC6B - #97BA22 | 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 #B7DC6B to #97BA22

#B7DC6B #97BA22

Calculate the color between two colors, #B7DC6B and #97BA22. 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)

#B7DC6B - #97BA22 | 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 #B7DC6B as 0% and #97BA22 as 100%.

0.0%	0.0% #B7DC6B	RGB 183 220 107	#B7DC6B
16.7%	16.7% #B1D65E	RGB 177 214 94	#B1D65E
33.3%	33.3% #ACD052	RGB 172 208 82	#ACD052
50.0%	50.0% #A7CB46	RGB 167 203 70	#A7CB46
66.7%	66.7% #A1C53A	RGB 161 197 58	#A1C53A
83.3%	83.3% #9CBF2E	RGB 156 191 46	#9CBF2E
100.0%	100.0% #97BA22	RGB 151 186 34	#97BA22

#B7DC6B #B1D65E #ACD052 #A7CB46 #A1C53A #9CBF2E #97BA22

#B7DC6B - #97BA22

HSV Blend

#B7DC6B - #97BA22 | 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 #B7DC6B as 0% and #97BA22 as 100%.

0.0%	0.0% #B7DC6B	RGB 183 220 107	#B7DC6B
16.7%	16.7% #B0D65D	RGB 176 214 93	#B0D65D
33.3%	33.3% #AAD050	RGB 170 208 80	#AAD050
50.0%	50.0% #A5CB43	RGB 165 203 67	#A5CB43
66.7%	66.7% #A0C538	RGB 160 197 56	#A0C538
83.3%	83.3% #9BBF2C	RGB 155 191 44	#9BBF2C
100.0%	100.0% #97BA22	RGB 151 186 34	#97BA22

#B7DC6B #B0D65D #AAD050 #A5CB43 #A0C538 #9BBF2C #97BA22

#B7DC6B - #A5CB43 - #97BA22

CSS codes

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

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