#D9AEE0 - #834BA0 | 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 #D9AEE0 to #834BA0

#D9AEE0 #834BA0

Calculate the color between two colors, #D9AEE0 and #834BA0. 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)

#D9AEE0 - #834BA0 | 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 #D9AEE0 as 0% and #834BA0 as 100%.

0.0%	0.0% #D9AEE0	RGB 217 174 224	#D9AEE0
16.7%	16.7% #CA9DD5	RGB 202 157 213	#CA9DD5
33.3%	33.3% #BC8DCA	RGB 188 141 202	#BC8DCA
50.0%	50.0% #AE7CC0	RGB 174 124 192	#AE7CC0
66.7%	66.7% #9F6CB5	RGB 159 108 181	#9F6CB5
83.3%	83.3% #915BAA	RGB 145 91 170	#915BAA
100.0%	100.0% #834BA0	RGB 131 75 160	#834BA0

#D9AEE0 #CA9DD5 #BC8DCA #AE7CC0 #9F6CB5 #915BAA #834BA0

#D9AEE0 - #834BA0

HSV Blend

#D9AEE0 - #834BA0 | 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 #D9AEE0 as 0% and #834BA0 as 100%.

0.0%	0.0% #D9AEE0	RGB 217 174 224	#D9AEE0
16.7%	16.7% #CB9AD5	RGB 203 154 213	#CB9AD5
33.3%	33.3% #BC88CA	RGB 188 136 202	#BC88CA
50.0%	50.0% #AE77C0	RGB 174 119 192	#AE77C0
66.7%	66.7% #A067B5	RGB 160 103 181	#A067B5
83.3%	83.3% #9158AA	RGB 145 88 170	#9158AA
100.0%	100.0% #834BA0	RGB 131 75 160	#834BA0

#D9AEE0 #CB9AD5 #BC88CA #AE77C0 #A067B5 #9158AA #834BA0

#D9AEE0 - #AE77C0 - #834BA0

CSS codes

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

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