#CFEDCB - #F1F9F0 | 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 #CFEDCB to #F1F9F0

#CFEDCB #F1F9F0

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

#CFEDCB - #F1F9F0 | 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 #CFEDCB as 0% and #F1F9F0 as 100%.

0.0%	0.0% #CFEDCB	RGB 207 237 203	#CFEDCB
16.7%	16.7% #D4EFD1	RGB 212 239 209	#D4EFD1
33.3%	33.3% #DAF1D7	RGB 218 241 215	#DAF1D7
50.0%	50.0% #E0F3DD	RGB 224 243 221	#E0F3DD
66.7%	66.7% #E5F5E3	RGB 229 245 227	#E5F5E3
83.3%	83.3% #EBF7E9	RGB 235 247 233	#EBF7E9
100.0%	100.0% #F1F9F0	RGB 241 249 240	#F1F9F0

#CFEDCB #D4EFD1 #DAF1D7 #E0F3DD #E5F5E3 #EBF7E9 #F1F9F0

#CFEDCB - #F1F9F0

HSV Blend

#CFEDCB - #F1F9F0 | 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 #CFEDCB as 0% and #F1F9F0 as 100%.

0.0%	0.0% #CFEDCB	RGB 207 237 203	#CFEDCB
16.7%	16.7% #D4EFD0	RGB 212 239 208	#D4EFD0
33.3%	33.3% #DAF1D7	RGB 218 241 215	#DAF1D7
50.0%	50.0% #DFF3DD	RGB 223 243 221	#DFF3DD
66.7%	66.7% #E5F5E3	RGB 229 245 227	#E5F5E3
83.3%	83.3% #EBF7E9	RGB 235 247 233	#EBF7E9
100.0%	100.0% #F1F9F0	RGB 241 249 240	#F1F9F0

#CFEDCB #D4EFD0 #DAF1D7 #DFF3DD #E5F5E3 #EBF7E9 #F1F9F0

#CFEDCB - #DFF3DD - #F1F9F0

CSS codes

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

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