#C2FF13 - #FFFF6C | 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 #C2FF13 to #FFFF6C

#C2FF13 #FFFF6C

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

#C2FF13 - #FFFF6C | 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 #C2FF13 as 0% and #FFFF6C as 100%.

0.0%	0.0% #C2FF13	RGB 194 255 19	#C2FF13
16.7%	16.7% #CCFF21	RGB 204 255 33	#CCFF21
33.3%	33.3% #D6FF30	RGB 214 255 48	#D6FF30
50.0%	50.0% #E0FF3F	RGB 224 255 63	#E0FF3F
66.7%	66.7% #EAFF4E	RGB 234 255 78	#EAFF4E
83.3%	83.3% #F4FF5D	RGB 244 255 93	#F4FF5D
100.0%	100.0% #FFFF6C	RGB 255 255 108	#FFFF6C

#C2FF13 #CCFF21 #D6FF30 #E0FF3F #EAFF4E #F4FF5D #FFFF6C

#C2FF13 - #FFFF6C

HSV Blend

#C2FF13 - #FFFF6C | 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 #C2FF13 as 0% and #FFFF6C as 100%.

0.0%	0.0% #C2FF12	RGB 194 255 18	#C2FF12
16.7%	16.7% #CFFF21	RGB 207 255 33	#CFFF21
33.3%	33.3% #DBFF30	RGB 219 255 48	#DBFF30
50.0%	50.0% #E6FF3F	RGB 230 255 63	#E6FF3F
66.7%	66.7% #EFFF4E	RGB 239 255 78	#EFFF4E
83.3%	83.3% #F8FF5D	RGB 248 255 93	#F8FF5D
100.0%	100.0% #FFFF6C	RGB 255 255 108	#FFFF6C

#C2FF12 #CFFF21 #DBFF30 #E6FF3F #EFFF4E #F8FF5D #FFFF6C

#C2FF13 - #E6FF3F - #FFFF6C

CSS codes

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

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