#C6FF6B - #FFF8A1 | 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 #C6FF6B to #FFF8A1

#C6FF6B #FFF8A1

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

#C6FF6B - #FFF8A1 | 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 #C6FF6B as 0% and #FFF8A1 as 100%.

0.0%	0.0% #C6FF6B	RGB 198 255 107	#C6FF6B
16.7%	16.7% #CFFD74	RGB 207 253 116	#CFFD74
33.3%	33.3% #D9FC7D	RGB 217 252 125	#D9FC7D
50.0%	50.0% #E2FB86	RGB 226 251 134	#E2FB86
66.7%	66.7% #ECFA8F	RGB 236 250 143	#ECFA8F
83.3%	83.3% #F5F998	RGB 245 249 152	#F5F998
100.0%	100.0% #FFF8A1	RGB 255 248 161	#FFF8A1

#C6FF6B #CFFD74 #D9FC7D #E2FB86 #ECFA8F #F5F998 #FFF8A1

#C6FF6B - #FFF8A1

HSV Blend

#C6FF6B - #FFF8A1 | 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 #C6FF6B as 0% and #FFF8A1 as 100%.

0.0%	0.0% #C6FF6B	RGB 198 255 107	#C6FF6B
16.7%	16.7% #D4FF74	RGB 212 255 116	#D4FF74
33.3%	33.3% #E0FF7D	RGB 224 255 125	#E0FF7D
50.0%	50.0% #ECFF86	RGB 236 255 134	#ECFF86
66.7%	66.7% #F6FF8F	RGB 246 255 143	#F6FF8F
83.3%	83.3% #FEFF98	RGB 254 255 152	#FEFF98
100.0%	100.0% #FFF8A1	RGB 255 248 161	#FFF8A1

#C6FF6B #D4FF74 #E0FF7D #ECFF86 #F6FF8F #FEFF98 #FFF8A1

#C6FF6B - #ECFF86 - #FFF8A1

CSS codes

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

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