#3A3C5E - #847C87 | 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 #3A3C5E to #847C87

#3A3C5E #847C87

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

#3A3C5E - #847C87 | 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 #3A3C5E as 0% and #847C87 as 100%.

0.0%	0.0% #3A3C5E	RGB 58 60 94	#3A3C5E
16.7%	16.7% #464664	RGB 70 70 100	#464664
33.3%	33.3% #52516B	RGB 82 81 107	#52516B
50.0%	50.0% #5F5C72	RGB 95 92 114	#5F5C72
66.7%	66.7% #6B6679	RGB 107 102 121	#6B6679
83.3%	83.3% #777180	RGB 119 113 128	#777180
100.0%	100.0% #847C87	RGB 132 124 135	#847C87

#3A3C5E #464664 #52516B #5F5C72 #6B6679 #777180 #847C87

#3A3C5E - #847C87

HSV Blend

#3A3C5E - #847C87 | 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 #3A3C5E as 0% and #847C87 as 100%.

0.0%	0.0% #3A3C5E	RGB 58 60 94	#3A3C5E
16.7%	16.7% #454364	RGB 69 67 100	#454364
33.3%	33.3% #534D6B	RGB 83 77 107	#534D6B
50.0%	50.0% #605772	RGB 96 87 114	#605772
66.7%	66.7% #6D6379	RGB 109 99 121	#6D6379
83.3%	83.3% #796F80	RGB 121 111 128	#796F80
100.0%	100.0% #847C87	RGB 132 124 135	#847C87

#3A3C5E #454364 #534D6B #605772 #6D6379 #796F80 #847C87

#3A3C5E - #605772 - #847C87

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A3C5E 0%, #605772 50%, #847C87 100%);
    background: -webkit-linear-gradient(top, #3A3C5E 0%, #605772 50%, #847C87 100%);
    background: linear-gradient(to bottom, #3A3C5E 0%, #605772 50%, #847C87 100%);
}
</style>