#E5DFDF - #AC868F | 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 #E5DFDF to #AC868F

#E5DFDF #AC868F

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

#E5DFDF - #AC868F | 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 #E5DFDF as 0% and #AC868F as 100%.

0.0%	0.0% #E5DFDF	RGB 229 223 223	#E5DFDF
16.7%	16.7% #DBD0D1	RGB 219 208 209	#DBD0D1
33.3%	33.3% #D2C1C4	RGB 210 193 196	#D2C1C4
50.0%	50.0% #C8B2B7	RGB 200 178 183	#C8B2B7
66.7%	66.7% #BFA3A9	RGB 191 163 169	#BFA3A9
83.3%	83.3% #B5949C	RGB 181 148 156	#B5949C
100.0%	100.0% #AC868F	RGB 172 134 143	#AC868F

#E5DFDF #DBD0D1 #D2C1C4 #C8B2B7 #BFA3A9 #B5949C #AC868F

#E5DFDF - #AC868F

HSV Blend

#E5DFDF - #AC868F | 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 #E5DFDF as 0% and #AC868F as 100%.

0.0%	0.0% #E5DFDF	RGB 229 223 223	#E5DFDF
16.7%	16.7% #DBCECF	RGB 219 206 207	#DBCECF
33.3%	33.3% #D2BEC0	RGB 210 190 192	#D2BEC0
50.0%	50.0% #C8AFB2	RGB 200 175 178	#C8AFB2
66.7%	66.7% #BFA1A5	RGB 191 161 165	#BFA1A5
83.3%	83.3% #B5939A	RGB 181 147 154	#B5939A
100.0%	100.0% #AC868F	RGB 172 134 143	#AC868F

#E5DFDF #DBCECF #D2BEC0 #C8AFB2 #BFA1A5 #B5939A #AC868F

#E5DFDF - #C8AFB2 - #AC868F

CSS codes

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

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