#6E4A8D - #E7969E | 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 #6E4A8D to #E7969E

#6E4A8D #E7969E

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

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

0.0%	0.0% #6E4A8D	RGB 110 74 141	#6E4A8D
16.7%	16.7% #82568F	RGB 130 86 143	#82568F
33.3%	33.3% #966392	RGB 150 99 146	#966392
50.0%	50.0% #AA7095	RGB 170 112 149	#AA7095
66.7%	66.7% #BE7C98	RGB 190 124 152	#BE7C98
83.3%	83.3% #D2899B	RGB 210 137 155	#D2899B
100.0%	100.0% #E7969E	RGB 231 150 158	#E7969E

#6E4A8D #82568F #966392 #AA7095 #BE7C98 #D2899B #E7969E

#6E4A8D - #E7969E

HSV Blend

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

0.0%	0.0% #6E4A8D	RGB 110 74 141	#6E4A8D
16.7%	16.7% #8B559C	RGB 139 85 156	#8B559C
33.3%	33.3% #AA60AB	RGB 170 96 171	#AA60AB
50.0%	50.0% #BA6DA9	RGB 186 109 169	#BA6DA9
66.7%	66.7% #C97AA5	RGB 201 122 165	#C97AA5
83.3%	83.3% #D887A1	RGB 216 135 161	#D887A1
100.0%	100.0% #E7969E	RGB 231 150 158	#E7969E

#6E4A8D #8B559C #AA60AB #BA6DA9 #C97AA5 #D887A1 #E7969E

#6E4A8D - #BA6DA9 - #E7969E

CSS codes

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

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