#D9A1EB - #8234AF | 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 #D9A1EB to #8234AF

#D9A1EB #8234AF

Calculate the color between two colors, #D9A1EB and #8234AF. 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)

#D9A1EB - #8234AF | 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 #D9A1EB as 0% and #8234AF as 100%.

0.0%	0.0% #D9A1EB	RGB 217 161 235	#D9A1EB
16.7%	16.7% #CA8EE1	RGB 202 142 225	#CA8EE1
33.3%	33.3% #BC7CD7	RGB 188 124 215	#BC7CD7
50.0%	50.0% #AD6ACD	RGB 173 106 205	#AD6ACD
66.7%	66.7% #9F58C3	RGB 159 88 195	#9F58C3
83.3%	83.3% #9046B9	RGB 144 70 185	#9046B9
100.0%	100.0% #8234AF	RGB 130 52 175	#8234AF

#D9A1EB #CA8EE1 #BC7CD7 #AD6ACD #9F58C3 #9046B9 #8234AF

#D9A1EB - #8234AF

HSV Blend

#D9A1EB - #8234AF | 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 #D9A1EB as 0% and #8234AF as 100%.

0.0%	0.0% #D9A1EB	RGB 217 161 235	#D9A1EB
16.7%	16.7% #CA8BE1	RGB 202 139 225	#CA8BE1
33.3%	33.3% #BB77D7	RGB 187 119 215	#BB77D7
50.0%	50.0% #AD64CD	RGB 173 100 205	#AD64CD
66.7%	66.7% #9E53C3	RGB 158 83 195	#9E53C3
83.3%	83.3% #9042B9	RGB 144 66 185	#9042B9
100.0%	100.0% #8234AF	RGB 130 52 175	#8234AF

#D9A1EB #CA8BE1 #BB77D7 #AD64CD #9E53C3 #9042B9 #8234AF

#D9A1EB - #AD64CD - #8234AF

CSS codes

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

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