#A86C8C - #E6D5DE | 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 #A86C8C to #E6D5DE

#A86C8C #E6D5DE

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

#A86C8C - #E6D5DE | 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 #A86C8C as 0% and #E6D5DE as 100%.

0.0%	0.0% #A86C8C	RGB 168 108 140	#A86C8C
16.7%	16.7% #B27D99	RGB 178 125 153	#B27D99
33.3%	33.3% #BC8FA7	RGB 188 143 167	#BC8FA7
50.0%	50.0% #C7A0B5	RGB 199 160 181	#C7A0B5
66.7%	66.7% #D1B2C2	RGB 209 178 194	#D1B2C2
83.3%	83.3% #DBC3D0	RGB 219 195 208	#DBC3D0
100.0%	100.0% #E6D5DE	RGB 230 213 222	#E6D5DE

#A86C8C #B27D99 #BC8FA7 #C7A0B5 #D1B2C2 #DBC3D0 #E6D5DE

#A86C8C - #E6D5DE

HSV Blend

#A86C8C - #E6D5DE | 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 #A86C8C as 0% and #E6D5DE as 100%.

0.0%	0.0% #A86C8C	RGB 168 108 140	#A86C8C
16.7%	16.7% #B27B98	RGB 178 123 152	#B27B98
33.3%	33.3% #BC8BA5	RGB 188 139 165	#BC8BA5
50.0%	50.0% #C79CB2	RGB 199 156 178	#C79CB2
66.7%	66.7% #D1AEC0	RGB 209 174 192	#D1AEC0
83.3%	83.3% #DBC1CF	RGB 219 193 207	#DBC1CF
100.0%	100.0% #E6D5DE	RGB 230 213 222	#E6D5DE

#A86C8C #B27B98 #BC8BA5 #C79CB2 #D1AEC0 #DBC1CF #E6D5DE

#A86C8C - #C79CB2 - #E6D5DE

CSS codes

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

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