#849A8C - #325C51 | 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 #849A8C to #325C51

#849A8C #325C51

Calculate the color between two colors, #849A8C and #325C51. 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)

#849A8C - #325C51 | 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 #849A8C as 0% and #325C51 as 100%.

0.0%	0.0% #849A8C	RGB 132 154 140	#849A8C
16.7%	16.7% #768F82	RGB 118 143 130	#768F82
33.3%	33.3% #688578	RGB 104 133 120	#688578
50.0%	50.0% #5B7B6E	RGB 91 123 110	#5B7B6E
66.7%	66.7% #4D7064	RGB 77 112 100	#4D7064
83.3%	83.3% #3F665A	RGB 63 102 90	#3F665A
100.0%	100.0% #325C51	RGB 50 92 81	#325C51

#849A8C #768F82 #688578 #5B7B6E #4D7064 #3F665A #325C51

#849A8C - #325C51

HSV Blend

#849A8C - #325C51 | 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 #849A8C as 0% and #325C51 as 100%.

0.0%	0.0% #849A8C	RGB 132 154 140	#849A8C
16.7%	16.7% #738F7F	RGB 115 143 127	#738F7F
33.3%	33.3% #648574	RGB 100 133 116	#648574
50.0%	50.0% #567B6A	RGB 86 123 106	#567B6A
66.7%	66.7% #497061	RGB 73 112 97	#497061
83.3%	83.3% #3C6658	RGB 60 102 88	#3C6658
100.0%	100.0% #325C51	RGB 50 92 81	#325C51

#849A8C #738F7F #648574 #567B6A #497061 #3C6658 #325C51

#849A8C - #567B6A - #325C51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #849A8C 0%, #567B6A 50%, #325C51 100%);
    background: -webkit-linear-gradient(top, #849A8C 0%, #567B6A 50%, #325C51 100%);
    background: linear-gradient(to bottom, #849A8C 0%, #567B6A 50%, #325C51 100%);
}
</style>