#CBBFBA - #FFFAD6 | 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 #CBBFBA to #FFFAD6

#CBBFBA #FFFAD6

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

#CBBFBA - #FFFAD6 | 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 #CBBFBA as 0% and #FFFAD6 as 100%.

0.0%	0.0% #CBBFBA	RGB 203 191 186	#CBBFBA
16.7%	16.7% #D3C8BE	RGB 211 200 190	#D3C8BE
33.3%	33.3% #DCD2C3	RGB 220 210 195	#DCD2C3
50.0%	50.0% #E5DCC8	RGB 229 220 200	#E5DCC8
66.7%	66.7% #EDE6CC	RGB 237 230 204	#EDE6CC
83.3%	83.3% #F6F0D1	RGB 246 240 209	#F6F0D1
100.0%	100.0% #FFFAD6	RGB 255 250 214	#FFFAD6

#CBBFBA #D3C8BE #DCD2C3 #E5DCC8 #EDE6CC #F6F0D1 #FFFAD6

#CBBFBA - #FFFAD6

HSV Blend

#CBBFBA - #FFFAD6 | 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 #CBBFBA as 0% and #FFFAD6 as 100%.

0.0%	0.0% #CBBFBA	RGB 203 191 186	#CBBFBA
16.7%	16.7% #D3C7BF	RGB 211 199 191	#D3C7BF
33.3%	33.3% #DCD0C4	RGB 220 208 196	#DCD0C4
50.0%	50.0% #E5D9C9	RGB 229 217 201	#E5D9C9
66.7%	66.7% #EDE3CD	RGB 237 227 205	#EDE3CD
83.3%	83.3% #F6EED1	RGB 246 238 209	#F6EED1
100.0%	100.0% #FFFAD6	RGB 255 250 214	#FFFAD6

#CBBFBA #D3C7BF #DCD0C4 #E5D9C9 #EDE3CD #F6EED1 #FFFAD6

#CBBFBA - #E5D9C9 - #FFFAD6

CSS codes

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

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