#6E5E7E - #501468 | 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 #6E5E7E to #501468

#6E5E7E #501468

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

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

0.0%	0.0% #6E5E7E	RGB 110 94 126	#6E5E7E
16.7%	16.7% #69517A	RGB 105 81 122	#69517A
33.3%	33.3% #644576	RGB 100 69 118	#644576
50.0%	50.0% #5F3973	RGB 95 57 115	#5F3973
66.7%	66.7% #5A2C6F	RGB 90 44 111	#5A2C6F
83.3%	83.3% #55206B	RGB 85 32 107	#55206B
100.0%	100.0% #501468	RGB 80 20 104	#501468

#6E5E7E #69517A #644576 #5F3973 #5A2C6F #55206B #501468

#6E5E7E - #501468

HSV Blend

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

0.0%	0.0% #6E5E7E	RGB 110 94 126	#6E5E7E
16.7%	16.7% #664F7A	RGB 102 79 122	#664F7A
33.3%	33.3% #604276	RGB 96 66 118	#604276
50.0%	50.0% #5B3573	RGB 91 53 115	#5B3573
66.7%	66.7% #56296F	RGB 86 41 111	#56296F
83.3%	83.3% #521E6B	RGB 82 30 107	#521E6B
100.0%	100.0% #501468	RGB 80 20 104	#501468

#6E5E7E #664F7A #604276 #5B3573 #56296F #521E6B #501468

#6E5E7E - #5B3573 - #501468

CSS codes

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

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