#6E5E9D - #D5D1E3 | 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 #6E5E9D to #D5D1E3

#6E5E9D #D5D1E3

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

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

0.0%	0.0% #6E5E9D	RGB 110 94 157	#6E5E9D
16.7%	16.7% #7F71A8	RGB 127 113 168	#7F71A8
33.3%	33.3% #9084B4	RGB 144 132 180	#9084B4
50.0%	50.0% #A197C0	RGB 161 151 192	#A197C0
66.7%	66.7% #B2AACB	RGB 178 170 203	#B2AACB
83.3%	83.3% #C3BDD7	RGB 195 189 215	#C3BDD7
100.0%	100.0% #D5D1E3	RGB 213 209 227	#D5D1E3

#6E5E9D #7F71A8 #9084B4 #A197C0 #B2AACB #C3BDD7 #D5D1E3

#6E5E9D - #D5D1E3

HSV Blend

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

0.0%	0.0% #6E5E9D	RGB 110 94 157	#6E5E9D
16.7%	16.7% #7C6EA8	RGB 124 110 168	#7C6EA8
33.3%	33.3% #8C7FB4	RGB 140 127 180	#8C7FB4
50.0%	50.0% #9C91C0	RGB 156 145 192	#9C91C0
66.7%	66.7% #AEA5CB	RGB 174 165 203	#AEA5CB
83.3%	83.3% #C1BAD7	RGB 193 186 215	#C1BAD7
100.0%	100.0% #D5D1E3	RGB 213 209 227	#D5D1E3

#6E5E9D #7C6EA8 #8C7FB4 #9C91C0 #AEA5CB #C1BAD7 #D5D1E3

#6E5E9D - #9C91C0 - #D5D1E3

CSS codes

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

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