#DAA5E6 - #833CA8 | 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 #DAA5E6 to #833CA8

#DAA5E6 #833CA8

Calculate the color between two colors, #DAA5E6 and #833CA8. 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)

#DAA5E6 - #833CA8 | 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 #DAA5E6 as 0% and #833CA8 as 100%.

0.0%	0.0% #DAA5E6	RGB 218 165 230	#DAA5E6
16.7%	16.7% #CB93DB	RGB 203 147 219	#CB93DB
33.3%	33.3% #BD82D1	RGB 189 130 209	#BD82D1
50.0%	50.0% #AE70C7	RGB 174 112 199	#AE70C7
66.7%	66.7% #A05FBC	RGB 160 95 188	#A05FBC
83.3%	83.3% #914DB2	RGB 145 77 178	#914DB2
100.0%	100.0% #833CA8	RGB 131 60 168	#833CA8

#DAA5E6 #CB93DB #BD82D1 #AE70C7 #A05FBC #914DB2 #833CA8

#DAA5E6 - #833CA8

HSV Blend

#DAA5E6 - #833CA8 | 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 #DAA5E6 as 0% and #833CA8 as 100%.

0.0%	0.0% #DAA5E6	RGB 218 165 230	#DAA5E6
16.7%	16.7% #CB90DB	RGB 203 144 219	#CB90DB
33.3%	33.3% #BD7DD1	RGB 189 125 209	#BD7DD1
50.0%	50.0% #AE6AC7	RGB 174 106 199	#AE6AC7
66.7%	66.7% #A05ABC	RGB 160 90 188	#A05ABC
83.3%	83.3% #914AB2	RGB 145 74 178	#914AB2
100.0%	100.0% #833CA8	RGB 131 60 168	#833CA8

#DAA5E6 #CB90DB #BD7DD1 #AE6AC7 #A05ABC #914AB2 #833CA8

#DAA5E6 - #AE6AC7 - #833CA8

CSS codes

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

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