#4A3C5E - #D08377 | 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 #4A3C5E to #D08377

#4A3C5E #D08377

Calculate the color between two colors, #4A3C5E and #D08377. 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)

#4A3C5E - #D08377 | 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 #4A3C5E as 0% and #D08377 as 100%.

0.0%	0.0% #4A3C5E	RGB 74 60 94	#4A3C5E
16.7%	16.7% #604762	RGB 96 71 98	#604762
33.3%	33.3% #765366	RGB 118 83 102	#765366
50.0%	50.0% #8D5F6A	RGB 141 95 106	#8D5F6A
66.7%	66.7% #A36B6E	RGB 163 107 110	#A36B6E
83.3%	83.3% #B97772	RGB 185 119 114	#B97772
100.0%	100.0% #D08377	RGB 208 131 119	#D08377

#4A3C5E #604762 #765366 #8D5F6A #A36B6E #B97772 #D08377

#4A3C5E - #D08377

HSV Blend

#4A3C5E - #D08377 | 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 #4A3C5E as 0% and #D08377 as 100%.

0.0%	0.0% #4A3C5E	RGB 74 60 94	#4A3C5E
16.7%	16.7% #644671	RGB 100 70 113	#644671
33.3%	33.3% #835184	RGB 131 81 132	#835184
50.0%	50.0% #975B86	RGB 151 91 134	#975B86
66.7%	66.7% #AA6583	RGB 170 101 131	#AA6583
83.3%	83.3% #BD6E7A	RGB 189 110 122	#BD6E7A
100.0%	100.0% #D08377	RGB 208 131 119	#D08377

#4A3C5E #644671 #835184 #975B86 #AA6583 #BD6E7A #D08377

#4A3C5E - #975B86 - #D08377

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3C5E 0%, #975B86 50%, #D08377 100%);
    background: -webkit-linear-gradient(top, #4A3C5E 0%, #975B86 50%, #D08377 100%);
    background: linear-gradient(to bottom, #4A3C5E 0%, #975B86 50%, #D08377 100%);
}
</style>