#C3C4A8 - #F1EDC4 | 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 #C3C4A8 to #F1EDC4

#C3C4A8 #F1EDC4

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

#C3C4A8 - #F1EDC4 | 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 #C3C4A8 as 0% and #F1EDC4 as 100%.

0.0%	0.0% #C3C4A8	RGB 195 196 168	#C3C4A8
16.7%	16.7% #CACAAC	RGB 202 202 172	#CACAAC
33.3%	33.3% #D2D1B1	RGB 210 209 177	#D2D1B1
50.0%	50.0% #DAD8B6	RGB 218 216 182	#DAD8B6
66.7%	66.7% #E1DFBA	RGB 225 223 186	#E1DFBA
83.3%	83.3% #E9E6BF	RGB 233 230 191	#E9E6BF
100.0%	100.0% #F1EDC4	RGB 241 237 196	#F1EDC4

#C3C4A8 #CACAAC #D2D1B1 #DAD8B6 #E1DFBA #E9E6BF #F1EDC4

#C3C4A8 - #F1EDC4

HSV Blend

#C3C4A8 - #F1EDC4 | 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 #C3C4A8 as 0% and #F1EDC4 as 100%.

0.0%	0.0% #C3C4A8	RGB 195 196 168	#C3C4A8
16.7%	16.7% #CBCBAC	RGB 203 203 172	#CBCBAC
33.3%	33.3% #D3D2B1	RGB 211 210 177	#D3D2B1
50.0%	50.0% #DAD9B6	RGB 218 217 182	#DAD9B6
66.7%	66.7% #E2E0BB	RGB 226 224 187	#E2E0BB
83.3%	83.3% #E9E6BF	RGB 233 230 191	#E9E6BF
100.0%	100.0% #F1EDC4	RGB 241 237 196	#F1EDC4

#C3C4A8 #CBCBAC #D3D2B1 #DAD9B6 #E2E0BB #E9E6BF #F1EDC4

#C3C4A8 - #DAD9B6 - #F1EDC4

CSS codes

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

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