#009660 - #B8F68F | 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 #009660 to #B8F68F

#009660 #B8F68F

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

#009660 - #B8F68F | 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 #009660 as 0% and #B8F68F as 100%.

0.0%	0.0% #009660	RGB 0 150 96	#009660
16.7%	16.7% #1EA667	RGB 30 166 103	#1EA667
33.3%	33.3% #3DB66F	RGB 61 182 111	#3DB66F
50.0%	50.0% #5CC677	RGB 92 198 119	#5CC677
66.7%	66.7% #7AD67F	RGB 122 214 127	#7AD67F
83.3%	83.3% #99E687	RGB 153 230 135	#99E687
100.0%	100.0% #B8F68F	RGB 184 246 143	#B8F68F

#009660 #1EA667 #3DB66F #5CC677 #7AD67F #99E687 #B8F68F

#009660 - #B8F68F

HSV Blend

#009660 - #B8F68F | 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 #009660 as 0% and #B8F68F as 100%.

0.0%	0.0% #009660	RGB 0 150 96	#009660
16.7%	16.7% #10A656	RGB 16 166 86	#10A656
33.3%	33.3% #23B64E	RGB 35 182 78	#23B64E
50.0%	50.0% #39C64A	RGB 57 198 74	#39C64A
66.7%	66.7% #59D652	RGB 89 214 82	#59D652
83.3%	83.3% #8AE66F	RGB 138 230 111	#8AE66F
100.0%	100.0% #B8F68F	RGB 184 246 143	#B8F68F

#009660 #10A656 #23B64E #39C64A #59D652 #8AE66F #B8F68F

#009660 - #39C64A - #B8F68F

CSS codes

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

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