#5E4C8D - #E09BA4 | 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 #5E4C8D to #E09BA4

#5E4C8D #E09BA4

Calculate the color between two colors, #5E4C8D and #E09BA4. 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)

#5E4C8D - #E09BA4 | 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 #5E4C8D as 0% and #E09BA4 as 100%.

0.0%	0.0% #5E4C8D	RGB 94 76 141	#5E4C8D
16.7%	16.7% #735990	RGB 115 89 144	#735990
33.3%	33.3% #896694	RGB 137 102 148	#896694
50.0%	50.0% #9F7398	RGB 159 115 152	#9F7398
66.7%	66.7% #B4809C	RGB 180 128 156	#B4809C
83.3%	83.3% #CA8DA0	RGB 202 141 160	#CA8DA0
100.0%	100.0% #E09BA4	RGB 224 155 164	#E09BA4

#5E4C8D #735990 #896694 #9F7398 #B4809C #CA8DA0 #E09BA4

#5E4C8D - #E09BA4

HSV Blend

#5E4C8D - #E09BA4 | 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 #5E4C8D as 0% and #E09BA4 as 100%.

0.0%	0.0% #5E4C8D	RGB 94 76 141	#5E4C8D
16.7%	16.7% #7B579A	RGB 123 87 154	#7B579A
33.3%	33.3% #9B63A8	RGB 155 99 168	#9B63A8
50.0%	50.0% #B670B1	RGB 182 112 177	#B670B1
66.7%	66.7% #C47DAC	RGB 196 125 172	#C47DAC
83.3%	83.3% #D28CA7	RGB 210 140 167	#D28CA7
100.0%	100.0% #E09BA4	RGB 224 155 164	#E09BA4

#5E4C8D #7B579A #9B63A8 #B670B1 #C47DAC #D28CA7 #E09BA4

#5E4C8D - #B670B1 - #E09BA4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4C8D 0%, #B670B1 50%, #E09BA4 100%);
    background: -webkit-linear-gradient(top, #5E4C8D 0%, #B670B1 50%, #E09BA4 100%);
    background: linear-gradient(to bottom, #5E4C8D 0%, #B670B1 50%, #E09BA4 100%);
}
</style>