#5E5A99 - #E6AAB0 | 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 #5E5A99 to #E6AAB0

#5E5A99 #E6AAB0

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

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

0.0%	0.0% #5E5A99	RGB 94 90 153	#5E5A99
16.7%	16.7% #74679C	RGB 116 103 156	#74679C
33.3%	33.3% #8B74A0	RGB 139 116 160	#8B74A0
50.0%	50.0% #A282A4	RGB 162 130 164	#A282A4
66.7%	66.7% #B88FA8	RGB 184 143 168	#B88FA8
83.3%	83.3% #CF9CAC	RGB 207 156 172	#CF9CAC
100.0%	100.0% #E6AAB0	RGB 230 170 176	#E6AAB0

#5E5A99 #74679C #8B74A0 #A282A4 #B88FA8 #CF9CAC #E6AAB0

#5E5A99 - #E6AAB0

HSV Blend

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

0.0%	0.0% #5D5A99	RGB 93 90 153	#5D5A99
16.7%	16.7% #7D65A5	RGB 125 101 165	#7D65A5
33.3%	33.3% #9D72B2	RGB 157 114 178	#9D72B2
50.0%	50.0% #BE7FBF	RGB 190 127 191	#BE7FBF
66.7%	66.7% #CC8CBA	RGB 204 140 186	#CC8CBA
83.3%	83.3% #D99BB4	RGB 217 155 180	#D99BB4
100.0%	100.0% #E6AAB0	RGB 230 170 176	#E6AAB0

#5D5A99 #7D65A5 #9D72B2 #BE7FBF #CC8CBA #D99BB4 #E6AAB0

#5E5A99 - #BE7FBF - #E6AAB0

CSS codes

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

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