#CCD1B8 - #F0F0CF | 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 #CCD1B8 to #F0F0CF

#CCD1B8 #F0F0CF

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

#CCD1B8 - #F0F0CF | 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 #CCD1B8 as 0% and #F0F0CF as 100%.

0.0%	0.0% #CCD1B8	RGB 204 209 184	#CCD1B8
16.7%	16.7% #D2D6BB	RGB 210 214 187	#D2D6BB
33.3%	33.3% #D8DBBF	RGB 216 219 191	#D8DBBF
50.0%	50.0% #DEE0C3	RGB 222 224 195	#DEE0C3
66.7%	66.7% #E4E5C7	RGB 228 229 199	#E4E5C7
83.3%	83.3% #EAEACB	RGB 234 234 203	#EAEACB
100.0%	100.0% #F0F0CF	RGB 240 240 207	#F0F0CF

#CCD1B8 #D2D6BB #D8DBBF #DEE0C3 #E4E5C7 #EAEACB #F0F0CF

#CCD1B8 - #F0F0CF

HSV Blend

#CCD1B8 - #F0F0CF | 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 #CCD1B8 as 0% and #F0F0CF as 100%.

0.0%	0.0% #CCD1B8	RGB 204 209 184	#CCD1B8
16.7%	16.7% #D1D6BB	RGB 209 214 187	#D1D6BB
33.3%	33.3% #D7DBBF	RGB 215 219 191	#D7DBBF
50.0%	50.0% #DDE0C3	RGB 221 224 195	#DDE0C3
66.7%	66.7% #E3E5C7	RGB 227 229 199	#E3E5C7
83.3%	83.3% #E9EACB	RGB 233 234 203	#E9EACB
100.0%	100.0% #F0F0CF	RGB 240 240 207	#F0F0CF

#CCD1B8 #D1D6BB #D7DBBF #DDE0C3 #E3E5C7 #E9EACB #F0F0CF

#CCD1B8 - #DDE0C3 - #F0F0CF

CSS codes

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

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