#C0FF6E - #FFF8A1 | 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 #C0FF6E to #FFF8A1

#C0FF6E #FFF8A1

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

#C0FF6E - #FFF8A1 | 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 #C0FF6E as 0% and #FFF8A1 as 100%.

0.0%	0.0% #C0FF6E	RGB 192 255 110	#C0FF6E
16.7%	16.7% #CAFD76	RGB 202 253 118	#CAFD76
33.3%	33.3% #D5FC7F	RGB 213 252 127	#D5FC7F
50.0%	50.0% #DFFB87	RGB 223 251 135	#DFFB87
66.7%	66.7% #EAFA90	RGB 234 250 144	#EAFA90
83.3%	83.3% #F4F998	RGB 244 249 152	#F4F998
100.0%	100.0% #FFF8A1	RGB 255 248 161	#FFF8A1

#C0FF6E #CAFD76 #D5FC7F #DFFB87 #EAFA90 #F4F998 #FFF8A1

#C0FF6E - #FFF8A1

HSV Blend

#C0FF6E - #FFF8A1 | 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 #C0FF6E as 0% and #FFF8A1 as 100%.

0.0%	0.0% #C0FF6E	RGB 192 255 110	#C0FF6E
16.7%	16.7% #CFFF76	RGB 207 255 118	#CFFF76
33.3%	33.3% #DDFF7F	RGB 221 255 127	#DDFF7F
50.0%	50.0% #E9FF87	RGB 233 255 135	#E9FF87
66.7%	66.7% #F4FF90	RGB 244 255 144	#F4FF90
83.3%	83.3% #FDFF98	RGB 253 255 152	#FDFF98
100.0%	100.0% #FFF8A1	RGB 255 248 161	#FFF8A1

#C0FF6E #CFFF76 #DDFF7F #E9FF87 #F4FF90 #FDFF98 #FFF8A1

#C0FF6E - #E9FF87 - #FFF8A1

CSS codes

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

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