#5E473A - #9490A8 | 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 #5E473A to #9490A8

#5E473A #9490A8

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

#5E473A - #9490A8 | 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 #5E473A as 0% and #9490A8 as 100%.

0.0%	0.0% #5E473A	RGB 94 71 58	#5E473A
16.7%	16.7% #67534C	RGB 103 83 76	#67534C
33.3%	33.3% #705F5E	RGB 112 95 94	#705F5E
50.0%	50.0% #796B71	RGB 121 107 113	#796B71
66.7%	66.7% #827783	RGB 130 119 131	#827783
83.3%	83.3% #8B8395	RGB 139 131 149	#8B8395
100.0%	100.0% #9490A8	RGB 148 144 168	#9490A8

#5E473A #67534C #705F5E #796B71 #827783 #8B8395 #9490A8

#5E473A - #9490A8

HSV Blend

#5E473A - #9490A8 | 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 #5E473A as 0% and #9490A8 as 100%.

0.0%	0.0% #5E473A	RGB 94 71 58	#5E473A
16.7%	16.7% #6A4546	RGB 106 69 70	#6A4546
33.3%	33.3% #765260	RGB 118 82 96	#765260
50.0%	50.0% #836079	RGB 131 96 121	#836079
66.7%	66.7% #8C6F8F	RGB 140 111 143	#8C6F8F
83.3%	83.3% #8E7F9B	RGB 142 127 155	#8E7F9B
100.0%	100.0% #9490A8	RGB 148 144 168	#9490A8

#5E473A #6A4546 #765260 #836079 #8C6F8F #8E7F9B #9490A8

#5E473A - #836079 - #9490A8

CSS codes

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

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