#6E5EB6 - #D5D1EA | 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 #6E5EB6 to #D5D1EA

#6E5EB6 #D5D1EA

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

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

0.0%	0.0% #6E5EB6	RGB 110 94 182	#6E5EB6
16.7%	16.7% #7F71BE	RGB 127 113 190	#7F71BE
33.3%	33.3% #9084C7	RGB 144 132 199	#9084C7
50.0%	50.0% #A197D0	RGB 161 151 208	#A197D0
66.7%	66.7% #B2AAD8	RGB 178 170 216	#B2AAD8
83.3%	83.3% #C3BDE1	RGB 195 189 225	#C3BDE1
100.0%	100.0% #D5D1EA	RGB 213 209 234	#D5D1EA

#6E5EB6 #7F71BE #9084C7 #A197D0 #B2AAD8 #C3BDE1 #D5D1EA

#6E5EB6 - #D5D1EA

HSV Blend

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

0.0%	0.0% #6E5EB6	RGB 110 94 182	#6E5EB6
16.7%	16.7% #7C6EBE	RGB 124 110 190	#7C6EBE
33.3%	33.3% #8C7FC7	RGB 140 127 199	#8C7FC7
50.0%	50.0% #9D92D0	RGB 157 146 208	#9D92D0
66.7%	66.7% #AEA6D8	RGB 174 166 216	#AEA6D8
83.3%	83.3% #C1BBE1	RGB 193 187 225	#C1BBE1
100.0%	100.0% #D5D1EA	RGB 213 209 234	#D5D1EA

#6E5EB6 #7C6EBE #8C7FC7 #9D92D0 #AEA6D8 #C1BBE1 #D5D1EA

#6E5EB6 - #9D92D0 - #D5D1EA

CSS codes

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

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