#6F5E9F - #D4D1E3 | 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 #6F5E9F to #D4D1E3

#6F5E9F #D4D1E3

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

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

0.0%	0.0% #6F5E9F	RGB 111 94 159	#6F5E9F
16.7%	16.7% #7F71AA	RGB 127 113 170	#7F71AA
33.3%	33.3% #9084B5	RGB 144 132 181	#9084B5
50.0%	50.0% #A197C1	RGB 161 151 193	#A197C1
66.7%	66.7% #B2AACC	RGB 178 170 204	#B2AACC
83.3%	83.3% #C3BDD7	RGB 195 189 215	#C3BDD7
100.0%	100.0% #D4D1E3	RGB 212 209 227	#D4D1E3

#6F5E9F #7F71AA #9084B5 #A197C1 #B2AACC #C3BDD7 #D4D1E3

#6F5E9F - #D4D1E3

HSV Blend

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

0.0%	0.0% #6F5E9F	RGB 111 94 159	#6F5E9F
16.7%	16.7% #7C6EAA	RGB 124 110 170	#7C6EAA
33.3%	33.3% #8B7FB5	RGB 139 127 181	#8B7FB5
50.0%	50.0% #9B91C1	RGB 155 145 193	#9B91C1
66.7%	66.7% #ADA5CC	RGB 173 165 204	#ADA5CC
83.3%	83.3% #C0BAD7	RGB 192 186 215	#C0BAD7
100.0%	100.0% #D4D1E3	RGB 212 209 227	#D4D1E3

#6F5E9F #7C6EAA #8B7FB5 #9B91C1 #ADA5CC #C0BAD7 #D4D1E3

#6F5E9F - #9B91C1 - #D4D1E3

CSS codes

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

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