#4E4E5E - #A28D7E | 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 #4E4E5E to #A28D7E

#4E4E5E #A28D7E

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

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

0.0%	0.0% #4E4E5E	RGB 78 78 94	#4E4E5E
16.7%	16.7% #5C5863	RGB 92 88 99	#5C5863
33.3%	33.3% #6A6368	RGB 106 99 104	#6A6368
50.0%	50.0% #786D6E	RGB 120 109 110	#786D6E
66.7%	66.7% #867873	RGB 134 120 115	#867873
83.3%	83.3% #948278	RGB 148 130 120	#948278
100.0%	100.0% #A28D7E	RGB 162 141 126	#A28D7E

#4E4E5E #5C5863 #6A6368 #786D6E #867873 #948278 #A28D7E

#4E4E5E - #A28D7E

HSV Blend

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

0.0%	0.0% #4E4E5E	RGB 78 78 94	#4E4E5E
16.7%	16.7% #5E5669	RGB 94 86 105	#5E5669
33.3%	33.3% #705E74	RGB 112 94 116	#705E74
50.0%	50.0% #80667A	RGB 128 102 122	#80667A
66.7%	66.7% #8B6E79	RGB 139 110 121	#8B6E79
83.3%	83.3% #967676	RGB 150 118 118	#967676
100.0%	100.0% #A28D7E	RGB 162 141 126	#A28D7E

#4E4E5E #5E5669 #705E74 #80667A #8B6E79 #967676 #A28D7E

#4E4E5E - #80667A - #A28D7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E4E5E 0%, #80667A 50%, #A28D7E 100%);
    background: -webkit-linear-gradient(top, #4E4E5E 0%, #80667A 50%, #A28D7E 100%);
    background: linear-gradient(to bottom, #4E4E5E 0%, #80667A 50%, #A28D7E 100%);
}
</style>