#A86985 - #E6D4DC | 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 #A86985 to #E6D4DC

#A86985 #E6D4DC

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

#A86985 - #E6D4DC | 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 #A86985 as 0% and #E6D4DC as 100%.

0.0%	0.0% #A86985	RGB 168 105 133	#A86985
16.7%	16.7% #B27A93	RGB 178 122 147	#B27A93
33.3%	33.3% #BC8CA2	RGB 188 140 162	#BC8CA2
50.0%	50.0% #C79EB0	RGB 199 158 176	#C79EB0
66.7%	66.7% #D1B0BF	RGB 209 176 191	#D1B0BF
83.3%	83.3% #DBC2CD	RGB 219 194 205	#DBC2CD
100.0%	100.0% #E6D4DC	RGB 230 212 220	#E6D4DC

#A86985 #B27A93 #BC8CA2 #C79EB0 #D1B0BF #DBC2CD #E6D4DC

#A86985 - #E6D4DC

HSV Blend

#A86985 - #E6D4DC | 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 #A86985 as 0% and #E6D4DC as 100%.

0.0%	0.0% #A86985	RGB 168 105 133	#A86985
16.7%	16.7% #B27892	RGB 178 120 146	#B27892
33.3%	33.3% #BC889F	RGB 188 136 159	#BC889F
50.0%	50.0% #C799AD	RGB 199 153 173	#C799AD
66.7%	66.7% #D1ACBC	RGB 209 172 188	#D1ACBC
83.3%	83.3% #DBBFCC	RGB 219 191 204	#DBBFCC
100.0%	100.0% #E6D4DC	RGB 230 212 220	#E6D4DC

#A86985 #B27892 #BC889F #C799AD #D1ACBC #DBBFCC #E6D4DC

#A86985 - #C799AD - #E6D4DC

CSS codes

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

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