#5E5987 - #EBA79E | 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 #5E5987 to #EBA79E

#5E5987 #EBA79E

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

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

0.0%	0.0% #5E5987	RGB 94 89 135	#5E5987
16.7%	16.7% #75668A	RGB 117 102 138	#75668A
33.3%	33.3% #8D738E	RGB 141 115 142	#8D738E
50.0%	50.0% #A48092	RGB 164 128 146	#A48092
66.7%	66.7% #BC8D96	RGB 188 141 150	#BC8D96
83.3%	83.3% #D39A9A	RGB 211 154 154	#D39A9A
100.0%	100.0% #EBA79E	RGB 235 167 158	#EBA79E

#5E5987 #75668A #8D738E #A48092 #BC8D96 #D39A9A #EBA79E

#5E5987 - #EBA79E

HSV Blend

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

0.0%	0.0% #5E5987	RGB 94 89 135	#5E5987
16.7%	16.7% #7B6497	RGB 123 100 151	#7B6497
33.3%	33.3% #9B6FA8	RGB 155 111 168	#9B6FA8
50.0%	50.0% #B97BB2	RGB 185 123 178	#B97BB2
66.7%	66.7% #C986AB	RGB 201 134 171	#C986AB
83.3%	83.3% #DA92A2	RGB 218 146 162	#DA92A2
100.0%	100.0% #EBA79E	RGB 235 167 158	#EBA79E

#5E5987 #7B6497 #9B6FA8 #B97BB2 #C986AB #DA92A2 #EBA79E

#5E5987 - #B97BB2 - #EBA79E

CSS codes

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

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