#6E2D5E - #4A0740 | 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 #6E2D5E to #4A0740

#6E2D5E #4A0740

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

#6E2D5E - #4A0740 | 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 #6E2D5E as 0% and #4A0740 as 100%.

0.0%	0.0% #6E2D5E	RGB 110 45 94	#6E2D5E
16.7%	16.7% #682659	RGB 104 38 89	#682659
33.3%	33.3% #622054	RGB 98 32 84	#622054
50.0%	50.0% #5C1A4F	RGB 92 26 79	#5C1A4F
66.7%	66.7% #56134A	RGB 86 19 74	#56134A
83.3%	83.3% #500D45	RGB 80 13 69	#500D45
100.0%	100.0% #4A0740	RGB 74 7 64	#4A0740

#6E2D5E #682659 #622054 #5C1A4F #56134A #500D45 #4A0740

#6E2D5E - #4A0740

HSV Blend

#6E2D5E - #4A0740 | 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 #6E2D5E as 0% and #4A0740 as 100%.

0.0%	0.0% #6E2D5D	RGB 110 45 93	#6E2D5D
16.7%	16.7% #682558	RGB 104 37 88	#682558
33.3%	33.3% #621D53	RGB 98 29 83	#621D53
50.0%	50.0% #5C174E	RGB 92 23 78	#5C174E
66.7%	66.7% #561149	RGB 86 17 73	#561149
83.3%	83.3% #500B44	RGB 80 11 68	#500B44
100.0%	100.0% #4A0740	RGB 74 7 64	#4A0740

#6E2D5D #682558 #621D53 #5C174E #561149 #500B44 #4A0740

#6E2D5E - #5C174E - #4A0740

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E2D5D 0%, #5C174E 50%, #4A0740 100%);
    background: -webkit-linear-gradient(top, #6E2D5D 0%, #5C174E 50%, #4A0740 100%);
    background: linear-gradient(to bottom, #6E2D5D 0%, #5C174E 50%, #4A0740 100%);
}
</style>