#C8CCC3 - #F8FFD0 | 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 #C8CCC3 to #F8FFD0

#C8CCC3 #F8FFD0

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

#C8CCC3 - #F8FFD0 | 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 #C8CCC3 as 0% and #F8FFD0 as 100%.

0.0%	0.0% #C8CCC3	RGB 200 204 195	#C8CCC3
16.7%	16.7% #D0D4C5	RGB 208 212 197	#D0D4C5
33.3%	33.3% #D8DDC7	RGB 216 221 199	#D8DDC7
50.0%	50.0% #E0E5C9	RGB 224 229 201	#E0E5C9
66.7%	66.7% #E8EECB	RGB 232 238 203	#E8EECB
83.3%	83.3% #F0F6CD	RGB 240 246 205	#F0F6CD
100.0%	100.0% #F8FFD0	RGB 248 255 208	#F8FFD0

#C8CCC3 #D0D4C5 #D8DDC7 #E0E5C9 #E8EECB #F0F6CD #F8FFD0

#C8CCC3 - #F8FFD0

HSV Blend

#C8CCC3 - #F8FFD0 | 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 #C8CCC3 as 0% and #F8FFD0 as 100%.

0.0%	0.0% #C8CCC3	RGB 200 204 195	#C8CCC3
16.7%	16.7% #CED4C6	RGB 206 212 198	#CED4C6
33.3%	33.3% #D6DDC8	RGB 214 221 200	#D6DDC8
50.0%	50.0% #DDE5CB	RGB 221 229 203	#DDE5CB
66.7%	66.7% #E5EECD	RGB 229 238 205	#E5EECD
83.3%	83.3% #EEF6CE	RGB 238 246 206	#EEF6CE
100.0%	100.0% #F8FFD0	RGB 248 255 208	#F8FFD0

#C8CCC3 #CED4C6 #D6DDC8 #DDE5CB #E5EECD #EEF6CE #F8FFD0

#C8CCC3 - #DDE5CB - #F8FFD0

CSS codes

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

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