#5E4A8F - #DE99A7 | 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 #5E4A8F to #DE99A7

#5E4A8F #DE99A7

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

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

0.0%	0.0% #5E4A8F	RGB 94 74 143	#5E4A8F
16.7%	16.7% #735793	RGB 115 87 147	#735793
33.3%	33.3% #886497	RGB 136 100 151	#886497
50.0%	50.0% #9E719B	RGB 158 113 155	#9E719B
66.7%	66.7% #B37E9F	RGB 179 126 159	#B37E9F
83.3%	83.3% #C88BA3	RGB 200 139 163	#C88BA3
100.0%	100.0% #DE99A7	RGB 222 153 167	#DE99A7

#5E4A8F #735793 #886497 #9E719B #B37E9F #C88BA3 #DE99A7

#5E4A8F - #DE99A7

HSV Blend

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

0.0%	0.0% #5E4A8F	RGB 94 74 143	#5E4A8F
16.7%	16.7% #7B559C	RGB 123 85 156	#7B559C
33.3%	33.3% #9A61A9	RGB 154 97 169	#9A61A9
50.0%	50.0% #B66EB3	RGB 182 110 179	#B66EB3
66.7%	66.7% #C37BAE	RGB 195 123 174	#C37BAE
83.3%	83.3% #D089AA	RGB 208 137 170	#D089AA
100.0%	100.0% #DE99A7	RGB 222 153 167	#DE99A7

#5E4A8F #7B559C #9A61A9 #B66EB3 #C37BAE #D089AA #DE99A7

#5E4A8F - #B66EB3 - #DE99A7

CSS codes

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

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