#C6FFA0 - #FFF3BC | 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 #C6FFA0 to #FFF3BC

#C6FFA0 #FFF3BC

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

#C6FFA0 - #FFF3BC | 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 #C6FFA0 as 0% and #FFF3BC as 100%.

0.0%	0.0% #C6FFA0	RGB 198 255 160	#C6FFA0
16.7%	16.7% #CFFDA4	RGB 207 253 164	#CFFDA4
33.3%	33.3% #D9FBA9	RGB 217 251 169	#D9FBA9
50.0%	50.0% #E2F9AE	RGB 226 249 174	#E2F9AE
66.7%	66.7% #ECF7B2	RGB 236 247 178	#ECF7B2
83.3%	83.3% #F5F5B7	RGB 245 245 183	#F5F5B7
100.0%	100.0% #FFF3BC	RGB 255 243 188	#FFF3BC

#C6FFA0 #CFFDA4 #D9FBA9 #E2F9AE #ECF7B2 #F5F5B7 #FFF3BC

#C6FFA0 - #FFF3BC

HSV Blend

#C6FFA0 - #FFF3BC | 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 #C6FFA0 as 0% and #FFF3BC as 100%.

0.0%	0.0% #C6FFA0	RGB 198 255 160	#C6FFA0
16.7%	16.7% #D4FFA4	RGB 212 255 164	#D4FFA4
33.3%	33.3% #E1FFA9	RGB 225 255 169	#E1FFA9
50.0%	50.0% #EDFFAE	RGB 237 255 174	#EDFFAE
66.7%	66.7% #F8FFB2	RGB 248 255 178	#F8FFB2
83.3%	83.3% #FFFBB7	RGB 255 251 183	#FFFBB7
100.0%	100.0% #FFF3BC	RGB 255 243 188	#FFF3BC

#C6FFA0 #D4FFA4 #E1FFA9 #EDFFAE #F8FFB2 #FFFBB7 #FFF3BC

#C6FFA0 - #EDFFAE - #FFF3BC

CSS codes

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

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