#624E5E - #4A1218 | 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 #624E5E to #4A1218

#624E5E #4A1218

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

#624E5E - #4A1218 | 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 #624E5E as 0% and #4A1218 as 100%.

0.0%	0.0% #624E5E	RGB 98 78 94	#624E5E
16.7%	16.7% #5E4452	RGB 94 68 82	#5E4452
33.3%	33.3% #5A3A46	RGB 90 58 70	#5A3A46
50.0%	50.0% #56303B	RGB 86 48 59	#56303B
66.7%	66.7% #52262F	RGB 82 38 47	#52262F
83.3%	83.3% #4E1C23	RGB 78 28 35	#4E1C23
100.0%	100.0% #4A1218	RGB 74 18 24	#4A1218

#624E5E #5E4452 #5A3A46 #56303B #52262F #4E1C23 #4A1218

#624E5E - #4A1218

HSV Blend

#624E5E - #4A1218 | 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 #624E5E as 0% and #4A1218 as 100%.

0.0%	0.0% #624E5E	RGB 98 78 94	#624E5E
16.7%	16.7% #5E4255	RGB 94 66 85	#5E4255
33.3%	33.3% #5A374A	RGB 90 55 74	#5A374A
50.0%	50.0% #562C3F	RGB 86 44 63	#562C3F
66.7%	66.7% #522332	RGB 82 35 50	#522332
83.3%	83.3% #4E1A25	RGB 78 26 37	#4E1A25
100.0%	100.0% #4A1218	RGB 74 18 24	#4A1218

#624E5E #5E4255 #5A374A #562C3F #522332 #4E1A25 #4A1218

#624E5E - #562C3F - #4A1218

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #624E5E 0%, #562C3F 50%, #4A1218 100%);
    background: -webkit-linear-gradient(top, #624E5E 0%, #562C3F 50%, #4A1218 100%);
    background: linear-gradient(to bottom, #624E5E 0%, #562C3F 50%, #4A1218 100%);
}
</style>