#CECEB6 - #F1F0EA | 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 #CECEB6 to #F1F0EA

#CECEB6 #F1F0EA

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

#CECEB6 - #F1F0EA | 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 #CECEB6 as 0% and #F1F0EA as 100%.

0.0%	0.0% #CECEB6	RGB 206 206 182	#CECEB6
16.7%	16.7% #D3D3BE	RGB 211 211 190	#D3D3BE
33.3%	33.3% #D9D9C7	RGB 217 217 199	#D9D9C7
50.0%	50.0% #DFDFD0	RGB 223 223 208	#DFDFD0
66.7%	66.7% #E5E4D8	RGB 229 228 216	#E5E4D8
83.3%	83.3% #EBEAE1	RGB 235 234 225	#EBEAE1
100.0%	100.0% #F1F0EA	RGB 241 240 234	#F1F0EA

#CECEB6 #D3D3BE #D9D9C7 #DFDFD0 #E5E4D8 #EBEAE1 #F1F0EA

#CECEB6 - #F1F0EA

HSV Blend

#CECEB6 - #F1F0EA | 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 #CECEB6 as 0% and #F1F0EA as 100%.

0.0%	0.0% #CECEB6	RGB 206 206 182	#CECEB6
16.7%	16.7% #D3D3BE	RGB 211 211 190	#D3D3BE
33.3%	33.3% #D9D8C6	RGB 217 216 198	#D9D8C6
50.0%	50.0% #DFDECF	RGB 223 222 207	#DFDECF
66.7%	66.7% #E5E4D7	RGB 229 228 215	#E5E4D7
83.3%	83.3% #EBE9E0	RGB 235 233 224	#EBE9E0
100.0%	100.0% #F1F0EA	RGB 241 240 234	#F1F0EA

#CECEB6 #D3D3BE #D9D8C6 #DFDECF #E5E4D7 #EBE9E0 #F1F0EA

#CECEB6 - #DFDECF - #F1F0EA

CSS codes

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

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