#E5E1DF - #CBA494 | 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 #E5E1DF to #CBA494

#E5E1DF #CBA494

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

#E5E1DF - #CBA494 | 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 #E5E1DF as 0% and #CBA494 as 100%.

0.0%	0.0% #E5E1DF	RGB 229 225 223	#E5E1DF
16.7%	16.7% #E0D6D2	RGB 224 214 210	#E0D6D2
33.3%	33.3% #DCCCC6	RGB 220 204 198	#DCCCC6
50.0%	50.0% #D8C2B9	RGB 216 194 185	#D8C2B9
66.7%	66.7% #D3B8AD	RGB 211 184 173	#D3B8AD
83.3%	83.3% #CFAEA0	RGB 207 174 160	#CFAEA0
100.0%	100.0% #CBA494	RGB 203 164 148	#CBA494

#E5E1DF #E0D6D2 #DCCCC6 #D8C2B9 #D3B8AD #CFAEA0 #CBA494

#E5E1DF - #CBA494

HSV Blend

#E5E1DF - #CBA494 | 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 #E5E1DF as 0% and #CBA494 as 100%.

0.0%	0.0% #E5E1DF	RGB 229 225 223	#E5E1DF
16.7%	16.7% #E0D6D1	RGB 224 214 209	#E0D6D1
33.3%	33.3% #DCCCC4	RGB 220 204 196	#DCCCC4
50.0%	50.0% #D8C1B7	RGB 216 193 183	#D8C1B7
66.7%	66.7% #D3B7AB	RGB 211 183 171	#D3B7AB
83.3%	83.3% #CFAD9F	RGB 207 173 159	#CFAD9F
100.0%	100.0% #CBA494	RGB 203 164 148	#CBA494

#E5E1DF #E0D6D1 #DCCCC4 #D8C1B7 #D3B7AB #CFAD9F #CBA494

#E5E1DF - #D8C1B7 - #CBA494

CSS codes

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

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