#9541FF - #3E079E | 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 #9541FF to #3E079E

#9541FF #3E079E

Calculate the color between two colors, #9541FF and #3E079E. 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)

#9541FF - #3E079E | 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 #9541FF as 0% and #3E079E as 100%.

0.0%	0.0% #9541FF	RGB 149 65 255	#9541FF
16.7%	16.7% #8637EE	RGB 134 55 238	#8637EE
33.3%	33.3% #782DDE	RGB 120 45 222	#782DDE
50.0%	50.0% #6924CE	RGB 105 36 206	#6924CE
66.7%	66.7% #5B1ABE	RGB 91 26 190	#5B1ABE
83.3%	83.3% #4C10AE	RGB 76 16 174	#4C10AE
100.0%	100.0% #3E079E	RGB 62 7 158	#3E079E

#9541FF #8637EE #782DDE #6924CE #5B1ABE #4C10AE #3E079E

#9541FF - #3E079E

HSV Blend

#9541FF - #3E079E | 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 #9541FF as 0% and #3E079E as 100%.

0.0%	0.0% #9541FF	RGB 149 65 255	#9541FF
16.7%	16.7% #8434EE	RGB 132 52 238	#8434EE
33.3%	33.3% #7429DE	RGB 116 41 222	#7429DE
50.0%	50.0% #651ECE	RGB 101 30 206	#651ECE
66.7%	66.7% #5715BE	RGB 87 21 190	#5715BE
83.3%	83.3% #4A0DAE	RGB 74 13 174	#4A0DAE
100.0%	100.0% #3E079E	RGB 62 7 158	#3E079E

#9541FF #8434EE #7429DE #651ECE #5715BE #4A0DAE #3E079E

#9541FF - #651ECE - #3E079E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9541FF 0%, #651ECE 50%, #3E079E 100%);
    background: -webkit-linear-gradient(top, #9541FF 0%, #651ECE 50%, #3E079E 100%);
    background: linear-gradient(to bottom, #9541FF 0%, #651ECE 50%, #3E079E 100%);
}
</style>