#4F4F5A - #A48E7A | 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 #4F4F5A to #A48E7A

#4F4F5A #A48E7A

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

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

0.0%	0.0% #4F4F5A	RGB 79 79 90	#4F4F5A
16.7%	16.7% #5D595F	RGB 93 89 95	#5D595F
33.3%	33.3% #6B6464	RGB 107 100 100	#6B6464
50.0%	50.0% #796E6A	RGB 121 110 106	#796E6A
66.7%	66.7% #87796F	RGB 135 121 111	#87796F
83.3%	83.3% #958374	RGB 149 131 116	#958374
100.0%	100.0% #A48E7A	RGB 164 142 122	#A48E7A

#4F4F5A #5D595F #6B6464 #796E6A #87796F #958374 #A48E7A

#4F4F5A - #A48E7A

HSV Blend

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

0.0%	0.0% #4F4F5A	RGB 79 79 90	#4F4F5A
16.7%	16.7% #5D5766	RGB 93 87 102	#5D5766
33.3%	33.3% #6F5F72	RGB 111 95 114	#6F5F72
50.0%	50.0% #7F6679	RGB 127 102 121	#7F6679
66.7%	66.7% #8B6D78	RGB 139 109 120	#8B6D78
83.3%	83.3% #977674	RGB 151 118 116	#977674
100.0%	100.0% #A48E7A	RGB 164 142 122	#A48E7A

#4F4F5A #5D5766 #6F5F72 #7F6679 #8B6D78 #977674 #A48E7A

#4F4F5A - #7F6679 - #A48E7A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F4F5A 0%, #7F6679 50%, #A48E7A 100%);
    background: -webkit-linear-gradient(top, #4F4F5A 0%, #7F6679 50%, #A48E7A 100%);
    background: linear-gradient(to bottom, #4F4F5A 0%, #7F6679 50%, #A48E7A 100%);
}
</style>