#C2D3B8 - #F1EDC7 | 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 #C2D3B8 to #F1EDC7

#C2D3B8 #F1EDC7

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

#C2D3B8 - #F1EDC7 | 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 #C2D3B8 as 0% and #F1EDC7 as 100%.

0.0%	0.0% #C2D3B8	RGB 194 211 184	#C2D3B8
16.7%	16.7% #C9D7BA	RGB 201 215 186	#C9D7BA
33.3%	33.3% #D1DBBD	RGB 209 219 189	#D1DBBD
50.0%	50.0% #D9E0BF	RGB 217 224 191	#D9E0BF
66.7%	66.7% #E1E4C2	RGB 225 228 194	#E1E4C2
83.3%	83.3% #E9E8C4	RGB 233 232 196	#E9E8C4
100.0%	100.0% #F1EDC7	RGB 241 237 199	#F1EDC7

#C2D3B8 #C9D7BA #D1DBBD #D9E0BF #E1E4C2 #E9E8C4 #F1EDC7

#C2D3B8 - #F1EDC7

HSV Blend

#C2D3B8 - #F1EDC7 | 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 #C2D3B8 as 0% and #F1EDC7 as 100%.

0.0%	0.0% #C2D3B8	RGB 194 211 184	#C2D3B8
16.7%	16.7% #C9D8BA	RGB 201 216 186	#C9D8BA
33.3%	33.3% #D0DDBD	RGB 208 221 189	#D0DDBD
50.0%	50.0% #D8E2BF	RGB 216 226 191	#D8E2BF
66.7%	66.7% #E1E7C2	RGB 225 231 194	#E1E7C2
83.3%	83.3% #EAECC4	RGB 234 236 196	#EAECC4
100.0%	100.0% #F1EDC7	RGB 241 237 199	#F1EDC7

#C2D3B8 #C9D8BA #D0DDBD #D8E2BF #E1E7C2 #EAECC4 #F1EDC7

#C2D3B8 - #D8E2BF - #F1EDC7

CSS codes

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

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