#6C5E6E - #A27AE6 | 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 #6C5E6E to #A27AE6

#6C5E6E #A27AE6

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

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

0.0%	0.0% #6C5E6E	RGB 108 94 110	#6C5E6E
16.7%	16.7% #756282	RGB 117 98 130	#756282
33.3%	33.3% #7E6796	RGB 126 103 150	#7E6796
50.0%	50.0% #876CAA	RGB 135 108 170	#876CAA
66.7%	66.7% #9070BE	RGB 144 112 190	#9070BE
83.3%	83.3% #9975D2	RGB 153 117 210	#9975D2
100.0%	100.0% #A27AE6	RGB 162 122 230	#A27AE6

#6C5E6E #756282 #7E6796 #876CAA #9070BE #9975D2 #A27AE6

#6C5E6E - #A27AE6

HSV Blend

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

0.0%	0.0% #6C5E6E	RGB 108 94 110	#6C5E6E
16.7%	16.7% #7C6882	RGB 124 104 130	#7C6882
33.3%	33.3% #8A6F96	RGB 138 111 150	#8A6F96
50.0%	50.0% #9675AA	RGB 150 117 170	#9675AA
66.7%	66.7% #9E79BE	RGB 158 121 190	#9E79BE
83.3%	83.3% #A27AD2	RGB 162 122 210	#A27AD2
100.0%	100.0% #A27AE6	RGB 162 122 230	#A27AE6

#6C5E6E #7C6882 #8A6F96 #9675AA #9E79BE #A27AD2 #A27AE6

#6C5E6E - #9675AA - #A27AE6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6C5E6E 0%, #9675AA 50%, #A27AE6 100%);
    background: -webkit-linear-gradient(top, #6C5E6E 0%, #9675AA 50%, #A27AE6 100%);
    background: linear-gradient(to bottom, #6C5E6E 0%, #9675AA 50%, #A27AE6 100%);
}
</style>