#00965F - #B9F78E | 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 #00965F to #B9F78E

#00965F #B9F78E

Calculate the color between two colors, #00965F and #B9F78E. 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)

#00965F - #B9F78E | 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 #00965F as 0% and #B9F78E as 100%.

0.0%	0.0% #00965F	RGB 0 150 95	#00965F
16.7%	16.7% #1EA666	RGB 30 166 102	#1EA666
33.3%	33.3% #3DB66E	RGB 61 182 110	#3DB66E
50.0%	50.0% #5CC676	RGB 92 198 118	#5CC676
66.7%	66.7% #7BD67E	RGB 123 214 126	#7BD67E
83.3%	83.3% #9AE686	RGB 154 230 134	#9AE686
100.0%	100.0% #B9F78E	RGB 185 247 142	#B9F78E

#00965F #1EA666 #3DB66E #5CC676 #7BD67E #9AE686 #B9F78E

#00965F - #B9F78E

HSV Blend

#00965F - #B9F78E | 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 #00965F as 0% and #B9F78E as 100%.

0.0%	0.0% #00965E	RGB 0 150 94	#00965E
16.7%	16.7% #0FA654	RGB 15 166 84	#0FA654
33.3%	33.3% #22B64D	RGB 34 182 77	#22B64D
50.0%	50.0% #39C648	RGB 57 198 72	#39C648
66.7%	66.7% #5AD652	RGB 90 214 82	#5AD652
83.3%	83.3% #8AE66E	RGB 138 230 110	#8AE66E
100.0%	100.0% #B9F78E	RGB 185 247 142	#B9F78E

#00965E #0FA654 #22B64D #39C648 #5AD652 #8AE66E #B9F78E

#00965F - #39C648 - #B9F78E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00965E 0%, #39C648 50%, #B9F78E 100%);
    background: -webkit-linear-gradient(top, #00965E 0%, #39C648 50%, #B9F78E 100%);
    background: linear-gradient(to bottom, #00965E 0%, #39C648 50%, #B9F78E 100%);
}
</style>