#6E5EEC - #D5D1F9 | 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 #6E5EEC to #D5D1F9

#6E5EEC #D5D1F9

Calculate the color between two colors, #6E5EEC and #D5D1F9. 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)

#6E5EEC - #D5D1F9 | 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 #6E5EEC as 0% and #D5D1F9 as 100%.

0.0%	0.0% #6E5EEC	RGB 110 94 236	#6E5EEC
16.7%	16.7% #7F71EE	RGB 127 113 238	#7F71EE
33.3%	33.3% #9084F0	RGB 144 132 240	#9084F0
50.0%	50.0% #A197F2	RGB 161 151 242	#A197F2
66.7%	66.7% #B2AAF4	RGB 178 170 244	#B2AAF4
83.3%	83.3% #C3BDF6	RGB 195 189 246	#C3BDF6
100.0%	100.0% #D5D1F9	RGB 213 209 249	#D5D1F9

#6E5EEC #7F71EE #9084F0 #A197F2 #B2AAF4 #C3BDF6 #D5D1F9

#6E5EEC - #D5D1F9

HSV Blend

#6E5EEC - #D5D1F9 | 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 #6E5EEC as 0% and #D5D1F9 as 100%.

0.0%	0.0% #6E5EEC	RGB 110 94 236	#6E5EEC
16.7%	16.7% #7E70EE	RGB 126 112 238	#7E70EE
33.3%	33.3% #8E83F0	RGB 142 131 240	#8E83F0
50.0%	50.0% #9F96F2	RGB 159 150 242	#9F96F2
66.7%	66.7% #B1A9F4	RGB 177 169 244	#B1A9F4
83.3%	83.3% #C2BDF6	RGB 194 189 246	#C2BDF6
100.0%	100.0% #D5D1F9	RGB 213 209 249	#D5D1F9

#6E5EEC #7E70EE #8E83F0 #9F96F2 #B1A9F4 #C2BDF6 #D5D1F9

#6E5EEC - #9F96F2 - #D5D1F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5EEC 0%, #9F96F2 50%, #D5D1F9 100%);
    background: -webkit-linear-gradient(top, #6E5EEC 0%, #9F96F2 50%, #D5D1F9 100%);
    background: linear-gradient(to bottom, #6E5EEC 0%, #9F96F2 50%, #D5D1F9 100%);
}
</style>