#00975B - #BDF88C | 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 #00975B to #BDF88C

#00975B #BDF88C

Calculate the color between two colors, #00975B and #BDF88C. 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)

#00975B - #BDF88C | 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 #00975B as 0% and #BDF88C as 100%.

0.0%	0.0% #00975B	RGB 0 151 91	#00975B
16.7%	16.7% #1FA763	RGB 31 167 99	#1FA763
33.3%	33.3% #3FB76B	RGB 63 183 107	#3FB76B
50.0%	50.0% #5EC773	RGB 94 199 115	#5EC773
66.7%	66.7% #7ED77B	RGB 126 215 123	#7ED77B
83.3%	83.3% #9DE783	RGB 157 231 131	#9DE783
100.0%	100.0% #BDF88C	RGB 189 248 140	#BDF88C

#00975B #1FA763 #3FB76B #5EC773 #7ED77B #9DE783 #BDF88C

#00975B - #BDF88C

HSV Blend

#00975B - #BDF88C | 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 #00975B as 0% and #BDF88C as 100%.

0.0%	0.0% #00975B	RGB 0 151 91	#00975B
16.7%	16.7% #0FA750	RGB 15 167 80	#0FA750
33.3%	33.3% #22B747	RGB 34 183 71	#22B747
50.0%	50.0% #38C742	RGB 56 199 66	#38C742
66.7%	66.7% #5ED751	RGB 94 215 81	#5ED751
83.3%	83.3% #8FE76D	RGB 143 231 109	#8FE76D
100.0%	100.0% #BDF88C	RGB 189 248 140	#BDF88C

#00975B #0FA750 #22B747 #38C742 #5ED751 #8FE76D #BDF88C

#00975B - #38C742 - #BDF88C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00975B 0%, #38C742 50%, #BDF88C 100%);
    background: -webkit-linear-gradient(top, #00975B 0%, #38C742 50%, #BDF88C 100%);
    background: linear-gradient(to bottom, #00975B 0%, #38C742 50%, #BDF88C 100%);
}
</style>