#6A478D - #DA5EEC | 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 #6A478D to #DA5EEC

#6A478D #DA5EEC

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

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

0.0%	0.0% #6A478D	RGB 106 71 141	#6A478D
16.7%	16.7% #7C4A9C	RGB 124 74 156	#7C4A9C
33.3%	33.3% #8F4EAC	RGB 143 78 172	#8F4EAC
50.0%	50.0% #A252BC	RGB 162 82 188	#A252BC
66.7%	66.7% #B456CC	RGB 180 86 204	#B456CC
83.3%	83.3% #C75ADC	RGB 199 90 220	#C75ADC
100.0%	100.0% #DA5EEC	RGB 218 94 236	#DA5EEC

#6A478D #7C4A9C #8F4EAC #A252BC #B456CC #C75ADC #DA5EEC

#6A478D - #DA5EEC

HSV Blend

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

0.0%	0.0% #6A478D	RGB 106 71 141	#6A478D
16.7%	16.7% #794C9C	RGB 121 76 156	#794C9C
33.3%	33.3% #8A50AC	RGB 138 80 172	#8A50AC
50.0%	50.0% #9C54BC	RGB 156 84 188	#9C54BC
66.7%	66.7% #AF58CC	RGB 175 88 204	#AF58CC
83.3%	83.3% #C35BDC	RGB 195 91 220	#C35BDC
100.0%	100.0% #DA5EEC	RGB 218 94 236	#DA5EEC

#6A478D #794C9C #8A50AC #9C54BC #AF58CC #C35BDC #DA5EEC

#6A478D - #9C54BC - #DA5EEC

CSS codes

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

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