#805EC2 - #DAD1ED | 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 #805EC2 to #DAD1ED

#805EC2 #DAD1ED

Calculate the color between two colors, #805EC2 and #DAD1ED. 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)

#805EC2 - #DAD1ED | 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 #805EC2 as 0% and #DAD1ED as 100%.

0.0%	0.0% #805EC2	RGB 128 94 194	#805EC2
16.7%	16.7% #8F71C9	RGB 143 113 201	#8F71C9
33.3%	33.3% #9E84D0	RGB 158 132 208	#9E84D0
50.0%	50.0% #AD97D7	RGB 173 151 215	#AD97D7
66.7%	66.7% #BCAADE	RGB 188 170 222	#BCAADE
83.3%	83.3% #CBBDE5	RGB 203 189 229	#CBBDE5
100.0%	100.0% #DAD1ED	RGB 218 209 237	#DAD1ED

#805EC2 #8F71C9 #9E84D0 #AD97D7 #BCAADE #CBBDE5 #DAD1ED

#805EC2 - #DAD1ED

HSV Blend

#805EC2 - #DAD1ED | 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 #805EC2 as 0% and #DAD1ED as 100%.

0.0%	0.0% #805EC2	RGB 128 94 194	#805EC2
16.7%	16.7% #8D6EC9	RGB 141 110 201	#8D6EC9
33.3%	33.3% #9B80D0	RGB 155 128 208	#9B80D0
50.0%	50.0% #A993D7	RGB 169 147 215	#A993D7
66.7%	66.7% #B9A6DE	RGB 185 166 222	#B9A6DE
83.3%	83.3% #C9BBE5	RGB 201 187 229	#C9BBE5
100.0%	100.0% #DAD1ED	RGB 218 209 237	#DAD1ED

#805EC2 #8D6EC9 #9B80D0 #A993D7 #B9A6DE #C9BBE5 #DAD1ED

#805EC2 - #A993D7 - #DAD1ED

CSS codes

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

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