#8045C9 - #DAC9EF | 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 #8045C9 to #DAC9EF

#8045C9 #DAC9EF

Calculate the color between two colors, #8045C9 and #DAC9EF. 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)

#8045C9 - #DAC9EF | 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 #8045C9 as 0% and #DAC9EF as 100%.

0.0%	0.0% #8045C9	RGB 128 69 201	#8045C9
16.7%	16.7% #8F5BCF	RGB 143 91 207	#8F5BCF
33.3%	33.3% #9E71D5	RGB 158 113 213	#9E71D5
50.0%	50.0% #AD87DC	RGB 173 135 220	#AD87DC
66.7%	66.7% #BC9DE2	RGB 188 157 226	#BC9DE2
83.3%	83.3% #CBB3E8	RGB 203 179 232	#CBB3E8
100.0%	100.0% #DAC9EF	RGB 218 201 239	#DAC9EF

#8045C9 #8F5BCF #9E71D5 #AD87DC #BC9DE2 #CBB3E8 #DAC9EF

#8045C9 - #DAC9EF

HSV Blend

#8045C9 - #DAC9EF | 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 #8045C9 as 0% and #DAC9EF as 100%.

0.0%	0.0% #7F45C9	RGB 127 69 201	#7F45C9
16.7%	16.7% #8D58CF	RGB 141 88 207	#8D58CF
33.3%	33.3% #9B6CD5	RGB 155 108 213	#9B6CD5
50.0%	50.0% #AA82DC	RGB 170 130 220	#AA82DC
66.7%	66.7% #B998E2	RGB 185 152 226	#B998E2
83.3%	83.3% #C9B0E8	RGB 201 176 232	#C9B0E8
100.0%	100.0% #DAC9EF	RGB 218 201 239	#DAC9EF

#7F45C9 #8D58CF #9B6CD5 #AA82DC #B998E2 #C9B0E8 #DAC9EF

#8045C9 - #AA82DC - #DAC9EF

CSS codes

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

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