#C0FF7F - #FFF6AA | 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 #C0FF7F to #FFF6AA

#C0FF7F #FFF6AA

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

#C0FF7F - #FFF6AA | 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 #C0FF7F as 0% and #FFF6AA as 100%.

0.0%	0.0% #C0FF7F	RGB 192 255 127	#C0FF7F
16.7%	16.7% #CAFD86	RGB 202 253 134	#CAFD86
33.3%	33.3% #D5FC8D	RGB 213 252 141	#D5FC8D
50.0%	50.0% #DFFA94	RGB 223 250 148	#DFFA94
66.7%	66.7% #EAF99B	RGB 234 249 155	#EAF99B
83.3%	83.3% #F4F7A2	RGB 244 247 162	#F4F7A2
100.0%	100.0% #FFF6AA	RGB 255 246 170	#FFF6AA

#C0FF7F #CAFD86 #D5FC8D #DFFA94 #EAF99B #F4F7A2 #FFF6AA

#C0FF7F - #FFF6AA

HSV Blend

#C0FF7F - #FFF6AA | 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 #C0FF7F as 0% and #FFF6AA as 100%.

0.0%	0.0% #C0FF7F	RGB 192 255 127	#C0FF7F
16.7%	16.7% #CFFF86	RGB 207 255 134	#CFFF86
33.3%	33.3% #DDFF8D	RGB 221 255 141	#DDFF8D
50.0%	50.0% #EAFF94	RGB 234 255 148	#EAFF94
66.7%	66.7% #F5FF9B	RGB 245 255 155	#F5FF9B
83.3%	83.3% #FFFEA2	RGB 255 254 162	#FFFEA2
100.0%	100.0% #FFF6AA	RGB 255 246 170	#FFF6AA

#C0FF7F #CFFF86 #DDFF8D #EAFF94 #F5FF9B #FFFEA2 #FFF6AA

#C0FF7F - #EAFF94 - #FFF6AA

CSS codes

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

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