#806FD6 - #EBC2DF | 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 #806FD6 to #EBC2DF

#806FD6 #EBC2DF

Calculate the color between two colors, #806FD6 and #EBC2DF. 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)

#806FD6 - #EBC2DF | 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 #806FD6 as 0% and #EBC2DF as 100%.

0.0%	0.0% #806FD6	RGB 128 111 214	#806FD6
16.7%	16.7% #917CD7	RGB 145 124 215	#917CD7
33.3%	33.3% #A38AD9	RGB 163 138 217	#A38AD9
50.0%	50.0% #B598DA	RGB 181 152 218	#B598DA
66.7%	66.7% #C7A6DC	RGB 199 166 220	#C7A6DC
83.3%	83.3% #D9B4DD	RGB 217 180 221	#D9B4DD
100.0%	100.0% #EBC2DF	RGB 235 194 223	#EBC2DF

#806FD6 #917CD7 #A38AD9 #B598DA #C7A6DC #D9B4DD #EBC2DF

#806FD6 - #EBC2DF

HSV Blend

#806FD6 - #EBC2DF | 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 #806FD6 as 0% and #EBC2DF as 100%.

0.0%	0.0% #806FD6	RGB 128 111 214	#806FD6
16.7%	16.7% #9C7BD9	RGB 156 123 217	#9C7BD9
33.3%	33.3% #B689DD	RGB 182 137 221	#B689DD
50.0%	50.0% #CC96E0	RGB 204 150 224	#CC96E0
66.7%	66.7% #DEA4E4	RGB 222 164 228	#DEA4E4
83.3%	83.3% #E7B3E2	RGB 231 179 226	#E7B3E2
100.0%	100.0% #EBC2DF	RGB 235 194 223	#EBC2DF

#806FD6 #9C7BD9 #B689DD #CC96E0 #DEA4E4 #E7B3E2 #EBC2DF

#806FD6 - #CC96E0 - #EBC2DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #806FD6 0%, #CC96E0 50%, #EBC2DF 100%);
    background: -webkit-linear-gradient(top, #806FD6 0%, #CC96E0 50%, #EBC2DF 100%);
    background: linear-gradient(to bottom, #806FD6 0%, #CC96E0 50%, #EBC2DF 100%);
}
</style>