#C7FF32 - #FFFE80 | 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 #C7FF32 to #FFFE80

#C7FF32 #FFFE80

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

#C7FF32 - #FFFE80 | 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 #C7FF32 as 0% and #FFFE80 as 100%.

0.0%	0.0% #C7FF32	RGB 199 255 50	#C7FF32
16.7%	16.7% #D0FE3F	RGB 208 254 63	#D0FE3F
33.3%	33.3% #D9FE4C	RGB 217 254 76	#D9FE4C
50.0%	50.0% #E3FE59	RGB 227 254 89	#E3FE59
66.7%	66.7% #ECFE66	RGB 236 254 102	#ECFE66
83.3%	83.3% #F5FE73	RGB 245 254 115	#F5FE73
100.0%	100.0% #FFFE80	RGB 255 254 128	#FFFE80

#C7FF32 #D0FE3F #D9FE4C #E3FE59 #ECFE66 #F5FE73 #FFFE80

#C7FF32 - #FFFE80

HSV Blend

#C7FF32 - #FFFE80 | 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 #C7FF32 as 0% and #FFFE80 as 100%.

0.0%	0.0% #C7FF31	RGB 199 255 49	#C7FF31
16.7%	16.7% #D3FF3E	RGB 211 255 62	#D3FF3E
33.3%	33.3% #DEFF4B	RGB 222 255 75	#DEFF4B
50.0%	50.0% #E8FF59	RGB 232 255 89	#E8FF59
66.7%	66.7% #F1FF66	RGB 241 255 102	#F1FF66
83.3%	83.3% #F9FF73	RGB 249 255 115	#F9FF73
100.0%	100.0% #FFFE80	RGB 255 254 128	#FFFE80

#C7FF31 #D3FF3E #DEFF4B #E8FF59 #F1FF66 #F9FF73 #FFFE80

#C7FF32 - #E8FF59 - #FFFE80

CSS codes

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

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