#E5B5E5 - #413341 | 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 #E5B5E5 to #413341

#E5B5E5 #413341

Calculate the color between two colors, #E5B5E5 and #413341. 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)

#E5B5E5 - #413341 | 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 #E5B5E5 as 0% and #413341 as 100%.

0.0%	0.0% #E5B5E5	RGB 229 181 229	#E5B5E5
16.7%	16.7% #C99FC9	RGB 201 159 201	#C99FC9
33.3%	33.3% #AE89AE	RGB 174 137 174	#AE89AE
50.0%	50.0% #937493	RGB 147 116 147	#937493
66.7%	66.7% #775E77	RGB 119 94 119	#775E77
83.3%	83.3% #5C485C	RGB 92 72 92	#5C485C
100.0%	100.0% #413341	RGB 65 51 65	#413341

#E5B5E5 #C99FC9 #AE89AE #937493 #775E77 #5C485C #413341

#E5B5E5 - #413341

HSV Blend

#E5B5E5 - #413341 | 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 #E5B5E5 as 0% and #413341 as 100%.

0.0%	0.0% #E5B5E5	RGB 229 181 229	#E5B5E5
16.7%	16.7% #C99FC9	RGB 201 159 201	#C99FC9
33.3%	33.3% #AE89AE	RGB 174 137 174	#AE89AE
50.0%	50.0% #937393	RGB 147 115 147	#937393
66.7%	66.7% #775E77	RGB 119 94 119	#775E77
83.3%	83.3% #5C485C	RGB 92 72 92	#5C485C
100.0%	100.0% #413341	RGB 65 51 65	#413341

#E5B5E5 #C99FC9 #AE89AE #937393 #775E77 #5C485C #413341

#E5B5E5 - #937393 - #413341

CSS codes

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

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