#CDD9A8 - #F7F1C4 | 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 #CDD9A8 to #F7F1C4

#CDD9A8 #F7F1C4

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

#CDD9A8 - #F7F1C4 | 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 #CDD9A8 as 0% and #F7F1C4 as 100%.

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #D4DDAC	RGB 212 221 172	#D4DDAC
33.3%	33.3% #DBE1B1	RGB 219 225 177	#DBE1B1
50.0%	50.0% #E2E5B6	RGB 226 229 182	#E2E5B6
66.7%	66.7% #E9E9BA	RGB 233 233 186	#E9E9BA
83.3%	83.3% #F0EDBF	RGB 240 237 191	#F0EDBF
100.0%	100.0% #F7F1C4	RGB 247 241 196	#F7F1C4

#CDD9A8 #D4DDAC #DBE1B1 #E2E5B6 #E9E9BA #F0EDBF #F7F1C4

#CDD9A8 - #F7F1C4

HSV Blend

#CDD9A8 - #F7F1C4 | 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 #CDD9A8 as 0% and #F7F1C4 as 100%.

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #D4DEAC	RGB 212 222 172	#D4DEAC
33.3%	33.3% #DCE3B1	RGB 220 227 177	#DCE3B1
50.0%	50.0% #E4E8B5	RGB 228 232 181	#E4E8B5
66.7%	66.7% #ECEDBA	RGB 236 237 186	#ECEDBA
83.3%	83.3% #F2EFBF	RGB 242 239 191	#F2EFBF
100.0%	100.0% #F7F1C4	RGB 247 241 196	#F7F1C4

#CDD9A8 #D4DEAC #DCE3B1 #E4E8B5 #ECEDBA #F2EFBF #F7F1C4

#CDD9A8 - #E4E8B5 - #F7F1C4

CSS codes

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

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