#6E5EB6 - #E6B1C8 | 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 #6E5EB6 to #E6B1C8

#6E5EB6 #E6B1C8

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

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

0.0%	0.0% #6E5EB6	RGB 110 94 182	#6E5EB6
16.7%	16.7% #826BB9	RGB 130 107 185	#826BB9
33.3%	33.3% #9679BC	RGB 150 121 188	#9679BC
50.0%	50.0% #AA87BF	RGB 170 135 191	#AA87BF
66.7%	66.7% #BE95C2	RGB 190 149 194	#BE95C2
83.3%	83.3% #D2A3C5	RGB 210 163 197	#D2A3C5
100.0%	100.0% #E6B1C8	RGB 230 177 200	#E6B1C8

#6E5EB6 #826BB9 #9679BC #AA87BF #BE95C2 #D2A3C5 #E6B1C8

#6E5EB6 - #E6B1C8

HSV Blend

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

0.0%	0.0% #6E5EB6	RGB 110 94 182	#6E5EB6
16.7%	16.7% #8C6ABE	RGB 140 106 190	#8C6ABE
33.3%	33.3% #A976C6	RGB 169 118 198	#A976C6
50.0%	50.0% #C484CE	RGB 196 132 206	#C484CE
66.7%	66.7% #D692CE	RGB 214 146 206	#D692CE
83.3%	83.3% #DEA1C9	RGB 222 161 201	#DEA1C9
100.0%	100.0% #E6B1C8	RGB 230 177 200	#E6B1C8

#6E5EB6 #8C6ABE #A976C6 #C484CE #D692CE #DEA1C9 #E6B1C8

#6E5EB6 - #C484CE - #E6B1C8

CSS codes

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

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