#C0FFA8 - #FFF1BD | 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 #C0FFA8 to #FFF1BD

#C0FFA8 #FFF1BD

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

#C0FFA8 - #FFF1BD | 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 #C0FFA8 as 0% and #FFF1BD as 100%.

0.0%	0.0% #C0FFA8	RGB 192 255 168	#C0FFA8
16.7%	16.7% #CAFCAB	RGB 202 252 171	#CAFCAB
33.3%	33.3% #D5FAAF	RGB 213 250 175	#D5FAAF
50.0%	50.0% #DFF8B2	RGB 223 248 178	#DFF8B2
66.7%	66.7% #EAF5B6	RGB 234 245 182	#EAF5B6
83.3%	83.3% #F4F3B9	RGB 244 243 185	#F4F3B9
100.0%	100.0% #FFF1BD	RGB 255 241 189	#FFF1BD

#C0FFA8 #CAFCAB #D5FAAF #DFF8B2 #EAF5B6 #F4F3B9 #FFF1BD

#C0FFA8 - #FFF1BD

HSV Blend

#C0FFA8 - #FFF1BD | 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 #C0FFA8 as 0% and #FFF1BD as 100%.

0.0%	0.0% #C0FFA8	RGB 192 255 168	#C0FFA8
16.7%	16.7% #CFFFAB	RGB 207 255 171	#CFFFAB
33.3%	33.3% #DEFFAF	RGB 222 255 175	#DEFFAF
50.0%	50.0% #EBFFB2	RGB 235 255 178	#EBFFB2
66.7%	66.7% #F7FFB6	RGB 247 255 182	#F7FFB6
83.3%	83.3% #FFFBB9	RGB 255 251 185	#FFFBB9
100.0%	100.0% #FFF1BD	RGB 255 241 189	#FFF1BD

#C0FFA8 #CFFFAB #DEFFAF #EBFFB2 #F7FFB6 #FFFBB9 #FFF1BD

#C0FFA8 - #EBFFB2 - #FFF1BD

CSS codes

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

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