#6B5AA3 - #E9AAB6 | 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 #6B5AA3 to #E9AAB6

#6B5AA3 #E9AAB6

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

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

0.0%	0.0% #6B5AA3	RGB 107 90 163	#6B5AA3
16.7%	16.7% #8067A6	RGB 128 103 166	#8067A6
33.3%	33.3% #9574A9	RGB 149 116 169	#9574A9
50.0%	50.0% #AA82AC	RGB 170 130 172	#AA82AC
66.7%	66.7% #BF8FAF	RGB 191 143 175	#BF8FAF
83.3%	83.3% #D49CB2	RGB 212 156 178	#D49CB2
100.0%	100.0% #E9AAB6	RGB 233 170 182	#E9AAB6

#6B5AA3 #8067A6 #9574A9 #AA82AC #BF8FAF #D49CB2 #E9AAB6

#6B5AA3 - #E9AAB6

HSV Blend

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

0.0%	0.0% #6B5AA3	RGB 107 90 163	#6B5AA3
16.7%	16.7% #8965AE	RGB 137 101 174	#8965AE
33.3%	33.3% #A871BA	RGB 168 113 186	#A871BA
50.0%	50.0% #C67EC4	RGB 198 126 196	#C67EC4
66.7%	66.7% #D18CBE	RGB 209 140 190	#D18CBE
83.3%	83.3% #DD9AB9	RGB 221 154 185	#DD9AB9
100.0%	100.0% #E9AAB6	RGB 233 170 182	#E9AAB6

#6B5AA3 #8965AE #A871BA #C67EC4 #D18CBE #DD9AB9 #E9AAB6

#6B5AA3 - #C67EC4 - #E9AAB6

CSS codes

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

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