#C0FF04 - #FFFF62 | 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 #C0FF04 to #FFFF62

#C0FF04 #FFFF62

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

#C0FF04 - #FFFF62 | 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 #C0FF04 as 0% and #FFFF62 as 100%.

0.0%	0.0% #C0FF04	RGB 192 255 4	#C0FF04
16.7%	16.7% #CAFF13	RGB 202 255 19	#CAFF13
33.3%	33.3% #D5FF23	RGB 213 255 35	#D5FF23
50.0%	50.0% #DFFF33	RGB 223 255 51	#DFFF33
66.7%	66.7% #EAFF42	RGB 234 255 66	#EAFF42
83.3%	83.3% #F4FF52	RGB 244 255 82	#F4FF52
100.0%	100.0% #FFFF62	RGB 255 255 98	#FFFF62

#C0FF04 #CAFF13 #D5FF23 #DFFF33 #EAFF42 #F4FF52 #FFFF62

#C0FF04 - #FFFF62

HSV Blend

#C0FF04 - #FFFF62 | 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 #C0FF04 as 0% and #FFFF62 as 100%.

0.0%	0.0% #C0FF03	RGB 192 255 3	#C0FF03
16.7%	16.7% #CDFF13	RGB 205 255 19	#CDFF13
33.3%	33.3% #DAFF23	RGB 218 255 35	#DAFF23
50.0%	50.0% #E5FF33	RGB 229 255 51	#E5FF33
66.7%	66.7% #EFFF42	RGB 239 255 66	#EFFF42
83.3%	83.3% #F7FF52	RGB 247 255 82	#F7FF52
100.0%	100.0% #FFFF62	RGB 255 255 98	#FFFF62

#C0FF03 #CDFF13 #DAFF23 #E5FF33 #EFFF42 #F7FF52 #FFFF62

#C0FF04 - #E5FF33 - #FFFF62

CSS codes

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

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