#5E5B86 - #EDA99D | 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 #5E5B86 to #EDA99D

#5E5B86 #EDA99D

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

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

0.0%	0.0% #5E5B86	RGB 94 91 134	#5E5B86
16.7%	16.7% #756889	RGB 117 104 137	#756889
33.3%	33.3% #8D758D	RGB 141 117 141	#8D758D
50.0%	50.0% #A58291	RGB 165 130 145	#A58291
66.7%	66.7% #BD8F95	RGB 189 143 149	#BD8F95
83.3%	83.3% #D59C99	RGB 213 156 153	#D59C99
100.0%	100.0% #EDA99D	RGB 237 169 157	#EDA99D

#5E5B86 #756889 #8D758D #A58291 #BD8F95 #D59C99 #EDA99D

#5E5B86 - #EDA99D

HSV Blend

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

0.0%	0.0% #5E5B86	RGB 94 91 134	#5E5B86
16.7%	16.7% #7A6697	RGB 122 102 151	#7A6697
33.3%	33.3% #9B71A8	RGB 155 113 168	#9B71A8
50.0%	50.0% #B97CB2	RGB 185 124 178	#B97CB2
66.7%	66.7% #CA87AB	RGB 202 135 171	#CA87AB
83.3%	83.3% #DB92A0	RGB 219 146 160	#DB92A0
100.0%	100.0% #EDA99D	RGB 237 169 157	#EDA99D

#5E5B86 #7A6697 #9B71A8 #B97CB2 #CA87AB #DB92A0 #EDA99D

#5E5B86 - #B97CB2 - #EDA99D

CSS codes

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

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