#C2DAAA - #FAEFBF | 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 #C2DAAA to #FAEFBF

#C2DAAA #FAEFBF

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

#C2DAAA - #FAEFBF | 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 #C2DAAA as 0% and #FAEFBF as 100%.

0.0%	0.0% #C2DAAA	RGB 194 218 170	#C2DAAA
16.7%	16.7% #CBDDAD	RGB 203 221 173	#CBDDAD
33.3%	33.3% #D4E1B1	RGB 212 225 177	#D4E1B1
50.0%	50.0% #DEE4B4	RGB 222 228 180	#DEE4B4
66.7%	66.7% #E7E8B8	RGB 231 232 184	#E7E8B8
83.3%	83.3% #F0EBBB	RGB 240 235 187	#F0EBBB
100.0%	100.0% #FAEFBF	RGB 250 239 191	#FAEFBF

#C2DAAA #CBDDAD #D4E1B1 #DEE4B4 #E7E8B8 #F0EBBB #FAEFBF

#C2DAAA - #FAEFBF

HSV Blend

#C2DAAA - #FAEFBF | 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 #C2DAAA as 0% and #FAEFBF as 100%.

0.0%	0.0% #C2DAAA	RGB 194 218 170	#C2DAAA
16.7%	16.7% #CCDFAD	RGB 204 223 173	#CCDFAD
33.3%	33.3% #D6E4B1	RGB 214 228 177	#D6E4B1
50.0%	50.0% #E1EAB4	RGB 225 234 180	#E1EAB4
66.7%	66.7% #ECEFB8	RGB 236 239 184	#ECEFB8
83.3%	83.3% #F4F0BB	RGB 244 240 187	#F4F0BB
100.0%	100.0% #FAEFBF	RGB 250 239 191	#FAEFBF

#C2DAAA #CCDFAD #D6E4B1 #E1EAB4 #ECEFB8 #F4F0BB #FAEFBF

#C2DAAA - #E1EAB4 - #FAEFBF

CSS codes

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

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