#5E5687 - #E8A49E | 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 #5E5687 to #E8A49E

#5E5687 #E8A49E

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

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

0.0%	0.0% #5E5687	RGB 94 86 135	#5E5687
16.7%	16.7% #75638A	RGB 117 99 138	#75638A
33.3%	33.3% #8C708E	RGB 140 112 142	#8C708E
50.0%	50.0% #A37D92	RGB 163 125 146	#A37D92
66.7%	66.7% #BA8A96	RGB 186 138 150	#BA8A96
83.3%	83.3% #D1979A	RGB 209 151 154	#D1979A
100.0%	100.0% #E8A49E	RGB 232 164 158	#E8A49E

#5E5687 #75638A #8C708E #A37D92 #BA8A96 #D1979A #E8A49E

#5E5687 - #E8A49E

HSV Blend

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

0.0%	0.0% #5D5687	RGB 93 86 135	#5D5687
16.7%	16.7% #7B6197	RGB 123 97 151	#7B6197
33.3%	33.3% #9B6DA7	RGB 155 109 167	#9B6DA7
50.0%	50.0% #B778AF	RGB 183 120 175	#B778AF
66.7%	66.7% #C785AA	RGB 199 133 170	#C785AA
83.3%	83.3% #D791A2	RGB 215 145 162	#D791A2
100.0%	100.0% #E8A49E	RGB 232 164 158	#E8A49E

#5D5687 #7B6197 #9B6DA7 #B778AF #C785AA #D791A2 #E8A49E

#5E5687 - #B778AF - #E8A49E

CSS codes

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

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