#CCCBBA - #F7FFD0 | 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 #CCCBBA to #F7FFD0

#CCCBBA #F7FFD0

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

#CCCBBA - #F7FFD0 | 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 #CCCBBA as 0% and #F7FFD0 as 100%.

0.0%	0.0% #CCCBBA	RGB 204 203 186	#CCCBBA
16.7%	16.7% #D3D3BD	RGB 211 211 189	#D3D3BD
33.3%	33.3% #DADCC1	RGB 218 220 193	#DADCC1
50.0%	50.0% #E1E5C5	RGB 225 229 197	#E1E5C5
66.7%	66.7% #E8EDC8	RGB 232 237 200	#E8EDC8
83.3%	83.3% #EFF6CC	RGB 239 246 204	#EFF6CC
100.0%	100.0% #F7FFD0	RGB 247 255 208	#F7FFD0

#CCCBBA #D3D3BD #DADCC1 #E1E5C5 #E8EDC8 #EFF6CC #F7FFD0

#CCCBBA - #F7FFD0

HSV Blend

#CCCBBA - #F7FFD0 | 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 #CCCBBA as 0% and #F7FFD0 as 100%.

0.0%	0.0% #CCCBBA	RGB 204 203 186	#CCCBBA
16.7%	16.7% #D4D4BE	RGB 212 212 190	#D4D4BE
33.3%	33.3% #DCDDC2	RGB 220 221 194	#DCDDC2
50.0%	50.0% #E3E5C6	RGB 227 229 198	#E3E5C6
66.7%	66.7% #EAEEC9	RGB 234 238 201	#EAEEC9
83.3%	83.3% #F0F6CD	RGB 240 246 205	#F0F6CD
100.0%	100.0% #F7FFD0	RGB 247 255 208	#F7FFD0

#CCCBBA #D4D4BE #DCDDC2 #E3E5C6 #EAEEC9 #F0F6CD #F7FFD0

#CCCBBA - #E3E5C6 - #F7FFD0

CSS codes

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

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