#C8DDC5 - #F0EDCD | 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 #C8DDC5 to #F0EDCD

#C8DDC5 #F0EDCD

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

#C8DDC5 - #F0EDCD | 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 #C8DDC5 as 0% and #F0EDCD as 100%.

0.0%	0.0% #C8DDC5	RGB 200 221 197	#C8DDC5
16.7%	16.7% #CEDFC6	RGB 206 223 198	#CEDFC6
33.3%	33.3% #D5E2C7	RGB 213 226 199	#D5E2C7
50.0%	50.0% #DCE5C9	RGB 220 229 201	#DCE5C9
66.7%	66.7% #E2E7CA	RGB 226 231 202	#E2E7CA
83.3%	83.3% #E9EACB	RGB 233 234 203	#E9EACB
100.0%	100.0% #F0EDCD	RGB 240 237 205	#F0EDCD

#C8DDC5 #CEDFC6 #D5E2C7 #DCE5C9 #E2E7CA #E9EACB #F0EDCD

#C8DDC5 - #F0EDCD

HSV Blend

#C8DDC5 - #F0EDCD | 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 #C8DDC5 as 0% and #F0EDCD as 100%.

0.0%	0.0% #C8DDC5	RGB 200 221 197	#C8DDC5
16.7%	16.7% #CDE0C6	RGB 205 224 198	#CDE0C6
33.3%	33.3% #D4E3C7	RGB 212 227 199	#D4E3C7
50.0%	50.0% #DAE6C9	RGB 218 230 201	#DAE6C9
66.7%	66.7% #E2E9CA	RGB 226 233 202	#E2E9CA
83.3%	83.3% #EAECCB	RGB 234 236 203	#EAECCB
100.0%	100.0% #F0EDCD	RGB 240 237 205	#F0EDCD

#C8DDC5 #CDE0C6 #D4E3C7 #DAE6C9 #E2E9CA #EAECCB #F0EDCD

#C8DDC5 - #DAE6C9 - #F0EDCD

CSS codes

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

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