#6E36B5 - #D5C5E9 | 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 #6E36B5 to #D5C5E9

#6E36B5 #D5C5E9

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

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

0.0%	0.0% #6E36B5	RGB 110 54 181	#6E36B5
16.7%	16.7% #7F4DBD	RGB 127 77 189	#7F4DBD
33.3%	33.3% #9065C6	RGB 144 101 198	#9065C6
50.0%	50.0% #A17DCF	RGB 161 125 207	#A17DCF
66.7%	66.7% #B295D7	RGB 178 149 215	#B295D7
83.3%	83.3% #C3ADE0	RGB 195 173 224	#C3ADE0
100.0%	100.0% #D5C5E9	RGB 213 197 233	#D5C5E9

#6E36B5 #7F4DBD #9065C6 #A17DCF #B295D7 #C3ADE0 #D5C5E9

#6E36B5 - #D5C5E9

HSV Blend

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

0.0%	0.0% #6E36B5	RGB 110 54 181	#6E36B5
16.7%	16.7% #7D49BD	RGB 125 73 189	#7D49BD
33.3%	33.3% #8C5FC6	RGB 140 95 198	#8C5FC6
50.0%	50.0% #9D76CF	RGB 157 118 207	#9D76CF
66.7%	66.7% #AF8FD7	RGB 175 143 215	#AF8FD7
83.3%	83.3% #C1A9E0	RGB 193 169 224	#C1A9E0
100.0%	100.0% #D5C5E9	RGB 213 197 233	#D5C5E9

#6E36B5 #7D49BD #8C5FC6 #9D76CF #AF8FD7 #C1A9E0 #D5C5E9

#6E36B5 - #9D76CF - #D5C5E9

CSS codes

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

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