#C6FF4C - #FFFB8F | 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 #C6FF4C to #FFFB8F

#C6FF4C #FFFB8F

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

#C6FF4C - #FFFB8F | 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 #C6FF4C as 0% and #FFFB8F as 100%.

0.0%	0.0% #C6FF4C	RGB 198 255 76	#C6FF4C
16.7%	16.7% #CFFE57	RGB 207 254 87	#CFFE57
33.3%	33.3% #D9FD62	RGB 217 253 98	#D9FD62
50.0%	50.0% #E2FD6D	RGB 226 253 109	#E2FD6D
66.7%	66.7% #ECFC78	RGB 236 252 120	#ECFC78
83.3%	83.3% #F5FB83	RGB 245 251 131	#F5FB83
100.0%	100.0% #FFFB8F	RGB 255 251 143	#FFFB8F

#C6FF4C #CFFE57 #D9FD62 #E2FD6D #ECFC78 #F5FB83 #FFFB8F

#C6FF4C - #FFFB8F

HSV Blend

#C6FF4C - #FFFB8F | 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 #C6FF4C as 0% and #FFFB8F as 100%.

0.0%	0.0% #C6FF4B	RGB 198 255 75	#C6FF4B
16.7%	16.7% #D3FF57	RGB 211 255 87	#D3FF57
33.3%	33.3% #DFFF62	RGB 223 255 98	#DFFF62
50.0%	50.0% #EAFF6D	RGB 234 255 109	#EAFF6D
66.7%	66.7% #F3FF78	RGB 243 255 120	#F3FF78
83.3%	83.3% #FCFF83	RGB 252 255 131	#FCFF83
100.0%	100.0% #FFFB8F	RGB 255 251 143	#FFFB8F

#C6FF4B #D3FF57 #DFFF62 #EAFF6D #F3FF78 #FCFF83 #FFFB8F

#C6FF4C - #EAFF6D - #FFFB8F

CSS codes

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

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