#E2D5DF - #A97D80 | 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 #E2D5DF to #A97D80

#E2D5DF #A97D80

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

#E2D5DF - #A97D80 | 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 #E2D5DF as 0% and #A97D80 as 100%.

0.0%	0.0% #E2D5DF	RGB 226 213 223	#E2D5DF
16.7%	16.7% #D8C6CF	RGB 216 198 207	#D8C6CF
33.3%	33.3% #CFB7BF	RGB 207 183 191	#CFB7BF
50.0%	50.0% #C5A9AF	RGB 197 169 175	#C5A9AF
66.7%	66.7% #BC9A9F	RGB 188 154 159	#BC9A9F
83.3%	83.3% #B28B8F	RGB 178 139 143	#B28B8F
100.0%	100.0% #A97D80	RGB 169 125 128	#A97D80

#E2D5DF #D8C6CF #CFB7BF #C5A9AF #BC9A9F #B28B8F #A97D80

#E2D5DF - #A97D80

HSV Blend

#E2D5DF - #A97D80 | 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 #E2D5DF as 0% and #A97D80 as 100%.

0.0%	0.0% #E2D5DF	RGB 226 213 223	#E2D5DF
16.7%	16.7% #D8C4D1	RGB 216 196 209	#D8C4D1
33.3%	33.3% #CFB5C2	RGB 207 181 194	#CFB5C2
50.0%	50.0% #C5A6B3	RGB 197 166 179	#C5A6B3
66.7%	66.7% #BC97A2	RGB 188 151 162	#BC97A2
83.3%	83.3% #B28A91	RGB 178 138 145	#B28A91
100.0%	100.0% #A97D80	RGB 169 125 128	#A97D80

#E2D5DF #D8C4D1 #CFB5C2 #C5A6B3 #BC97A2 #B28A91 #A97D80

#E2D5DF - #C5A6B3 - #A97D80

CSS codes

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

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