#C8C000 - #C2FF00 | 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 #C8C000 to #C2FF00

#C8C000 #C2FF00

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

#C8C000 - #C2FF00 | 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 #C8C000 as 0% and #C2FF00 as 100%.

0.0%	0.0% #C8C000	RGB 200 192 0	#C8C000
16.7%	16.7% #C7CA00	RGB 199 202 0	#C7CA00
33.3%	33.3% #C6D500	RGB 198 213 0	#C6D500
50.0%	50.0% #C5DF00	RGB 197 223 0	#C5DF00
66.7%	66.7% #C4EA00	RGB 196 234 0	#C4EA00
83.3%	83.3% #C3F400	RGB 195 244 0	#C3F400
100.0%	100.0% #C2FF00	RGB 194 255 0	#C2FF00

#C8C000 #C7CA00 #C6D500 #C5DF00 #C4EA00 #C3F400 #C2FF00

#C8C000 - #C2FF00

HSV Blend

#C8C000 - #C2FF00 | 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 #C8C000 as 0% and #C2FF00 as 100%.

0.0%	0.0% #C8C000	RGB 200 192 0	#C8C000
16.7%	16.7% #CFD100	RGB 207 209 0	#CFD100
33.3%	33.3% #CEDA00	RGB 206 218 0	#CEDA00
50.0%	50.0% #CCE300	RGB 204 227 0	#CCE300
66.7%	66.7% #CAEC00	RGB 202 236 0	#CAEC00
83.3%	83.3% #C6F500	RGB 198 245 0	#C6F500
100.0%	100.0% #C2FF00	RGB 194 255 0	#C2FF00

#C8C000 #CFD100 #CEDA00 #CCE300 #CAEC00 #C6F500 #C2FF00

#C8C000 - #CCE300 - #C2FF00

CSS codes

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

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