#523D56 - #849C86 | 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 #523D56 to #849C86

#523D56 #849C86

Calculate the color between two colors, #523D56 and #849C86. 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)

#523D56 - #849C86 | 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 #523D56 as 0% and #849C86 as 100%.

0.0%	0.0% #523D56	RGB 82 61 86	#523D56
16.7%	16.7% #5A4C5E	RGB 90 76 94	#5A4C5E
33.3%	33.3% #625C66	RGB 98 92 102	#625C66
50.0%	50.0% #6B6C6E	RGB 107 108 110	#6B6C6E
66.7%	66.7% #737C76	RGB 115 124 118	#737C76
83.3%	83.3% #7B8C7E	RGB 123 140 126	#7B8C7E
100.0%	100.0% #849C86	RGB 132 156 134	#849C86

#523D56 #5A4C5E #625C66 #6B6C6E #737C76 #7B8C7E #849C86

#523D56 - #849C86

HSV Blend

#523D56 - #849C86 | 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 #523D56 as 0% and #849C86 as 100%.

0.0%	0.0% #523D56	RGB 82 61 86	#523D56
16.7%	16.7% #514761	RGB 81 71 97	#514761
33.3%	33.3% #52546D	RGB 82 84 109	#52546D
50.0%	50.0% #5E6C79	RGB 94 108 121	#5E6C79
66.7%	66.7% #6A8484	RGB 106 132 132	#6A8484
83.3%	83.3% #769084	RGB 118 144 132	#769084
100.0%	100.0% #849C86	RGB 132 156 134	#849C86

#523D56 #514761 #52546D #5E6C79 #6A8484 #769084 #849C86

#523D56 - #5E6C79 - #849C86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #523D56 0%, #5E6C79 50%, #849C86 100%);
    background: -webkit-linear-gradient(top, #523D56 0%, #5E6C79 50%, #849C86 100%);
    background: linear-gradient(to bottom, #523D56 0%, #5E6C79 50%, #849C86 100%);
}
</style>