#A8694E - #D6A8DB | 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 #A8694E to #D6A8DB

#A8694E #D6A8DB

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

#A8694E - #D6A8DB | 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 #A8694E as 0% and #D6A8DB as 100%.

0.0%	0.0% #A8694E	RGB 168 105 78	#A8694E
16.7%	16.7% #AF7365	RGB 175 115 101	#AF7365
33.3%	33.3% #B77E7D	RGB 183 126 125	#B77E7D
50.0%	50.0% #BF8894	RGB 191 136 148	#BF8894
66.7%	66.7% #C693AC	RGB 198 147 172	#C693AC
83.3%	83.3% #CE9DC3	RGB 206 157 195	#CE9DC3
100.0%	100.0% #D6A8DB	RGB 214 168 219	#D6A8DB

#A8694E #AF7365 #B77E7D #BF8894 #C693AC #CE9DC3 #D6A8DB

#A8694E - #D6A8DB

HSV Blend

#A8694E - #D6A8DB | 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 #A8694E as 0% and #D6A8DB as 100%.

0.0%	0.0% #A8694E	RGB 168 105 78	#A8694E
16.7%	16.7% #B0605A	RGB 176 96 90	#B0605A
33.3%	33.3% #B96875	RGB 185 104 117	#B96875
50.0%	50.0% #C17794	RGB 193 119 148	#C17794
66.7%	66.7% #CA86B1	RGB 202 134 177	#CA86B1
83.3%	83.3% #D296CA	RGB 210 150 202	#D296CA
100.0%	100.0% #D6A8DB	RGB 214 168 219	#D6A8DB

#A8694E #B0605A #B96875 #C17794 #CA86B1 #D296CA #D6A8DB

#A8694E - #C17794 - #D6A8DB

CSS codes

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

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