#6538A8 - #D3C6E6 | 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 #6538A8 to #D3C6E6

#6538A8 #D3C6E6

Calculate the color between two colors, #6538A8 and #D3C6E6. 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)

#6538A8 - #D3C6E6 | 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 #6538A8 as 0% and #D3C6E6 as 100%.

0.0%	0.0% #6538A8	RGB 101 56 168	#6538A8
16.7%	16.7% #774FB2	RGB 119 79 178	#774FB2
33.3%	33.3% #8967BC	RGB 137 103 188	#8967BC
50.0%	50.0% #9C7FC7	RGB 156 127 199	#9C7FC7
66.7%	66.7% #AE96D1	RGB 174 150 209	#AE96D1
83.3%	83.3% #C0AEDB	RGB 192 174 219	#C0AEDB
100.0%	100.0% #D3C6E6	RGB 211 198 230	#D3C6E6

#6538A8 #774FB2 #8967BC #9C7FC7 #AE96D1 #C0AEDB #D3C6E6

#6538A8 - #D3C6E6

HSV Blend

#6538A8 - #D3C6E6 | 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 #6538A8 as 0% and #D3C6E6 as 100%.

0.0%	0.0% #6538A8	RGB 101 56 168	#6538A8
16.7%	16.7% #744BB2	RGB 116 75 178	#744BB2
33.3%	33.3% #8560BC	RGB 133 96 188	#8560BC
50.0%	50.0% #9776C7	RGB 151 118 199	#9776C7
66.7%	66.7% #AA8FD1	RGB 170 143 209	#AA8FD1
83.3%	83.3% #BEA9DB	RGB 190 169 219	#BEA9DB
100.0%	100.0% #D3C6E6	RGB 211 198 230	#D3C6E6

#6538A8 #744BB2 #8560BC #9776C7 #AA8FD1 #BEA9DB #D3C6E6

#6538A8 - #9776C7 - #D3C6E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6538A8 0%, #9776C7 50%, #D3C6E6 100%);
    background: -webkit-linear-gradient(top, #6538A8 0%, #9776C7 50%, #D3C6E6 100%);
    background: linear-gradient(to bottom, #6538A8 0%, #9776C7 50%, #D3C6E6 100%);
}
</style>