#4B5E6A - #AFA493 | 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 #4B5E6A to #AFA493

#4B5E6A #AFA493

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

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

0.0%	0.0% #4B5E6A	RGB 75 94 106	#4B5E6A
16.7%	16.7% #5B6970	RGB 91 105 112	#5B6970
33.3%	33.3% #6C7577	RGB 108 117 119	#6C7577
50.0%	50.0% #7D817E	RGB 125 129 126	#7D817E
66.7%	66.7% #8D8C85	RGB 141 140 133	#8D8C85
83.3%	83.3% #9E988C	RGB 158 152 140	#9E988C
100.0%	100.0% #AFA493	RGB 175 164 147	#AFA493

#4B5E6A #5B6970 #6C7577 #7D817E #8D8C85 #9E988C #AFA493

#4B5E6A - #AFA493

HSV Blend

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

0.0%	0.0% #4B5E6A	RGB 75 94 106	#4B5E6A
16.7%	16.7% #557573	RGB 85 117 115	#557573
33.3%	33.3% #60816F	RGB 96 129 111	#60816F
50.0%	50.0% #6C8C6C	RGB 108 140 108	#6C8C6C
66.7%	66.7% #879878	RGB 135 152 120	#879878
83.3%	83.3% #A1A385	RGB 161 163 133	#A1A385
100.0%	100.0% #AFA493	RGB 175 164 147	#AFA493

#4B5E6A #557573 #60816F #6C8C6C #879878 #A1A385 #AFA493

#4B5E6A - #6C8C6C - #AFA493

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E6A 0%, #6C8C6C 50%, #AFA493 100%);
    background: -webkit-linear-gradient(top, #4B5E6A 0%, #6C8C6C 50%, #AFA493 100%);
    background: linear-gradient(to bottom, #4B5E6A 0%, #6C8C6C 50%, #AFA493 100%);
}
</style>