#C5DCC1 - #F1EDCA | 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 #C5DCC1 to #F1EDCA

#C5DCC1 #F1EDCA

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

#C5DCC1 - #F1EDCA | 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 #C5DCC1 as 0% and #F1EDCA as 100%.

0.0%	0.0% #C5DCC1	RGB 197 220 193	#C5DCC1
16.7%	16.7% #CCDEC2	RGB 204 222 194	#CCDEC2
33.3%	33.3% #D3E1C4	RGB 211 225 196	#D3E1C4
50.0%	50.0% #DBE4C5	RGB 219 228 197	#DBE4C5
66.7%	66.7% #E2E7C7	RGB 226 231 199	#E2E7C7
83.3%	83.3% #E9EAC8	RGB 233 234 200	#E9EAC8
100.0%	100.0% #F1EDCA	RGB 241 237 202	#F1EDCA

#C5DCC1 #CCDEC2 #D3E1C4 #DBE4C5 #E2E7C7 #E9EAC8 #F1EDCA

#C5DCC1 - #F1EDCA

HSV Blend

#C5DCC1 - #F1EDCA | 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 #C5DCC1 as 0% and #F1EDCA as 100%.

0.0%	0.0% #C5DCC1	RGB 197 220 193	#C5DCC1
16.7%	16.7% #CBDFC2	RGB 203 223 194	#CBDFC2
33.3%	33.3% #D2E3C4	RGB 210 227 196	#D2E3C4
50.0%	50.0% #DAE6C5	RGB 218 230 197	#DAE6C5
66.7%	66.7% #E2EAC7	RGB 226 234 199	#E2EAC7
83.3%	83.3% #EBEDC8	RGB 235 237 200	#EBEDC8
100.0%	100.0% #F1EDCA	RGB 241 237 202	#F1EDCA

#C5DCC1 #CBDFC2 #D2E3C4 #DAE6C5 #E2EAC7 #EBEDC8 #F1EDCA

#C5DCC1 - #DAE6C5 - #F1EDCA

CSS codes

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

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