#C2FC6C - #FFF8A0 | 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 #C2FC6C to #FFF8A0

#C2FC6C #FFF8A0

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

#C2FC6C - #FFF8A0 | 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 #C2FC6C as 0% and #FFF8A0 as 100%.

0.0%	0.0% #C2FC6C	RGB 194 252 108	#C2FC6C
16.7%	16.7% #CCFB74	RGB 204 251 116	#CCFB74
33.3%	33.3% #D6FA7D	RGB 214 250 125	#D6FA7D
50.0%	50.0% #E0FA86	RGB 224 250 134	#E0FA86
66.7%	66.7% #EAF98E	RGB 234 249 142	#EAF98E
83.3%	83.3% #F4F897	RGB 244 248 151	#F4F897
100.0%	100.0% #FFF8A0	RGB 255 248 160	#FFF8A0

#C2FC6C #CCFB74 #D6FA7D #E0FA86 #EAF98E #F4F897 #FFF8A0

#C2FC6C - #FFF8A0

HSV Blend

#C2FC6C - #FFF8A0 | 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 #C2FC6C as 0% and #FFF8A0 as 100%.

0.0%	0.0% #C2FC6C	RGB 194 252 108	#C2FC6C
16.7%	16.7% #D0FC74	RGB 208 252 116	#D0FC74
33.3%	33.3% #DDFD7D	RGB 221 253 125	#DDFD7D
50.0%	50.0% #E9FD85	RGB 233 253 133	#E9FD85
66.7%	66.7% #F4FE8E	RGB 244 254 142	#F4FE8E
83.3%	83.3% #FDFE97	RGB 253 254 151	#FDFE97
100.0%	100.0% #FFF8A0	RGB 255 248 160	#FFF8A0

#C2FC6C #D0FC74 #DDFD7D #E9FD85 #F4FE8E #FDFE97 #FFF8A0

#C2FC6C - #E9FD85 - #FFF8A0

CSS codes

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

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