#C9D080 - #8D9E30 | 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 #C9D080 to #8D9E30

#C9D080 #8D9E30

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

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

0.0%	0.0% #C9D080	RGB 201 208 128	#C9D080
16.7%	16.7% #BFC772	RGB 191 199 114	#BFC772
33.3%	33.3% #B5BF65	RGB 181 191 101	#B5BF65
50.0%	50.0% #ABB758	RGB 171 183 88	#ABB758
66.7%	66.7% #A1AE4A	RGB 161 174 74	#A1AE4A
83.3%	83.3% #97A63D	RGB 151 166 61	#97A63D
100.0%	100.0% #8D9E30	RGB 141 158 48	#8D9E30

#C9D080 #BFC772 #B5BF65 #ABB758 #A1AE4A #97A63D #8D9E30

#C9D080 - #8D9E30

HSV Blend

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

0.0%	0.0% #C9D080	RGB 201 208 128	#C9D080
16.7%	16.7% #BFC770	RGB 191 199 112	#BFC770
33.3%	33.3% #B5BF61	RGB 181 191 97	#B5BF61
50.0%	50.0% #ABB754	RGB 171 183 84	#ABB754
66.7%	66.7% #A0AE47	RGB 160 174 71	#A0AE47
83.3%	83.3% #96A63B	RGB 150 166 59	#96A63B
100.0%	100.0% #8D9E30	RGB 141 158 48	#8D9E30

#C9D080 #BFC770 #B5BF61 #ABB754 #A0AE47 #96A63B #8D9E30

#C9D080 - #ABB754 - #8D9E30

CSS codes

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

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