#C8D664 - #8BA51F | 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 #C8D664 to #8BA51F

#C8D664 #8BA51F

Calculate the color between two colors, #C8D664 and #8BA51F. 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)

#C8D664 - #8BA51F | 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 #C8D664 as 0% and #8BA51F as 100%.

0.0%	0.0% #C8D664	RGB 200 214 100	#C8D664
16.7%	16.7% #BDCD58	RGB 189 205 88	#BDCD58
33.3%	33.3% #B3C54D	RGB 179 197 77	#B3C54D
50.0%	50.0% #A9BD41	RGB 169 189 65	#A9BD41
66.7%	66.7% #9FB536	RGB 159 181 54	#9FB536
83.3%	83.3% #95AD2A	RGB 149 173 42	#95AD2A
100.0%	100.0% #8BA51F	RGB 139 165 31	#8BA51F

#C8D664 #BDCD58 #B3C54D #A9BD41 #9FB536 #95AD2A #8BA51F

#C8D664 - #8BA51F

HSV Blend

#C8D664 - #8BA51F | 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 #C8D664 as 0% and #8BA51F as 100%.

0.0%	0.0% #C8D664	RGB 200 214 100	#C8D664
16.7%	16.7% #BDCD56	RGB 189 205 86	#BDCD56
33.3%	33.3% #B3C549	RGB 179 197 73	#B3C549
50.0%	50.0% #A9BD3E	RGB 169 189 62	#A9BD3E
66.7%	66.7% #9FB532	RGB 159 181 50	#9FB532
83.3%	83.3% #95AD28	RGB 149 173 40	#95AD28
100.0%	100.0% #8BA51F	RGB 139 165 31	#8BA51F

#C8D664 #BDCD56 #B3C549 #A9BD3E #9FB532 #95AD28 #8BA51F

#C8D664 - #A9BD3E - #8BA51F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D664 0%, #A9BD3E 50%, #8BA51F 100%);
    background: -webkit-linear-gradient(top, #C8D664 0%, #A9BD3E 50%, #8BA51F 100%);
    background: linear-gradient(to bottom, #C8D664 0%, #A9BD3E 50%, #8BA51F 100%);
}
</style>