#C8D76E - #8AA825 | 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 #C8D76E to #8AA825

#C8D76E #8AA825

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

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

0.0%	0.0% #C8D76E	RGB 200 215 110	#C8D76E
16.7%	16.7% #BDCF61	RGB 189 207 97	#BDCF61
33.3%	33.3% #B3C755	RGB 179 199 85	#B3C755
50.0%	50.0% #A9BF49	RGB 169 191 73	#A9BF49
66.7%	66.7% #9EB73D	RGB 158 183 61	#9EB73D
83.3%	83.3% #94AF31	RGB 148 175 49	#94AF31
100.0%	100.0% #8AA825	RGB 138 168 37	#8AA825

#C8D76E #BDCF61 #B3C755 #A9BF49 #9EB73D #94AF31 #8AA825

#C8D76E - #8AA825

HSV Blend

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

0.0%	0.0% #C8D76E	RGB 200 215 110	#C8D76E
16.7%	16.7% #BDCF5F	RGB 189 207 95	#BDCF5F
33.3%	33.3% #B3C752	RGB 179 199 82	#B3C752
50.0%	50.0% #A8BF46	RGB 168 191 70	#A8BF46
66.7%	66.7% #9EB73A	RGB 158 183 58	#9EB73A
83.3%	83.3% #94AF2F	RGB 148 175 47	#94AF2F
100.0%	100.0% #8AA825	RGB 138 168 37	#8AA825

#C8D76E #BDCF5F #B3C752 #A8BF46 #9EB73A #94AF2F #8AA825

#C8D76E - #A8BF46 - #8AA825

CSS codes

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

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