#6B5BA4 - #E9ABB7 | 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 #6B5BA4 to #E9ABB7

#6B5BA4 #E9ABB7

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

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

0.0%	0.0% #6B5BA4	RGB 107 91 164	#6B5BA4
16.7%	16.7% #8068A7	RGB 128 104 167	#8068A7
33.3%	33.3% #9575AA	RGB 149 117 170	#9575AA
50.0%	50.0% #AA83AD	RGB 170 131 173	#AA83AD
66.7%	66.7% #BF90B0	RGB 191 144 176	#BF90B0
83.3%	83.3% #D49DB3	RGB 212 157 179	#D49DB3
100.0%	100.0% #E9ABB7	RGB 233 171 183	#E9ABB7

#6B5BA4 #8068A7 #9575AA #AA83AD #BF90B0 #D49DB3 #E9ABB7

#6B5BA4 - #E9ABB7

HSV Blend

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

0.0%	0.0% #6B5BA4	RGB 107 91 164	#6B5BA4
16.7%	16.7% #8966AF	RGB 137 102 175	#8966AF
33.3%	33.3% #A872BB	RGB 168 114 187	#A872BB
50.0%	50.0% #C67FC5	RGB 198 127 197	#C67FC5
66.7%	66.7% #D28DBF	RGB 210 141 191	#D28DBF
83.3%	83.3% #DD9BB9	RGB 221 155 185	#DD9BB9
100.0%	100.0% #E9ABB7	RGB 233 171 183	#E9ABB7

#6B5BA4 #8966AF #A872BB #C67FC5 #D28DBF #DD9BB9 #E9ABB7

#6B5BA4 - #C67FC5 - #E9ABB7

CSS codes

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

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