#E6E3E1 - #CBA896 | 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 #E6E3E1 to #CBA896

#E6E3E1 #CBA896

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

#E6E3E1 - #CBA896 | 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 #E6E3E1 as 0% and #CBA896 as 100%.

0.0%	0.0% #E6E3E1	RGB 230 227 225	#E6E3E1
16.7%	16.7% #E1D9D4	RGB 225 217 212	#E1D9D4
33.3%	33.3% #DDCFC8	RGB 221 207 200	#DDCFC8
50.0%	50.0% #D8C5BB	RGB 216 197 187	#D8C5BB
66.7%	66.7% #D4BBAF	RGB 212 187 175	#D4BBAF
83.3%	83.3% #CFB1A2	RGB 207 177 162	#CFB1A2
100.0%	100.0% #CBA896	RGB 203 168 150	#CBA896

#E6E3E1 #E1D9D4 #DDCFC8 #D8C5BB #D4BBAF #CFB1A2 #CBA896

#E6E3E1 - #CBA896

HSV Blend

#E6E3E1 - #CBA896 | 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 #E6E3E1 as 0% and #CBA896 as 100%.

0.0%	0.0% #E6E3E1	RGB 230 227 225	#E6E3E1
16.7%	16.7% #E1D9D3	RGB 225 217 211	#E1D9D3
33.3%	33.3% #DDCFC6	RGB 221 207 198	#DDCFC6
50.0%	50.0% #D8C5B9	RGB 216 197 185	#D8C5B9
66.7%	66.7% #D4BBAD	RGB 212 187 173	#D4BBAD
83.3%	83.3% #CFB1A1	RGB 207 177 161	#CFB1A1
100.0%	100.0% #CBA896	RGB 203 168 150	#CBA896

#E6E3E1 #E1D9D3 #DDCFC6 #D8C5B9 #D4BBAD #CFB1A1 #CBA896

#E6E3E1 - #D8C5B9 - #CBA896

CSS codes

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

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