#54626A - #181C1E | 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 #54626A to #181C1E

#54626A #181C1E

Calculate the color between two colors, #54626A and #181C1E. 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)

#54626A - #181C1E | 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 #54626A as 0% and #181C1E as 100%.

0.0%	0.0% #54626A	RGB 84 98 106	#54626A
16.7%	16.7% #4A565D	RGB 74 86 93	#4A565D
33.3%	33.3% #404A50	RGB 64 74 80	#404A50
50.0%	50.0% #363F44	RGB 54 63 68	#363F44
66.7%	66.7% #2C3337	RGB 44 51 55	#2C3337
83.3%	83.3% #22272A	RGB 34 39 42	#22272A
100.0%	100.0% #181C1E	RGB 24 28 30	#181C1E

#54626A #4A565D #404A50 #363F44 #2C3337 #22272A #181C1E

#54626A - #181C1E

HSV Blend

#54626A - #181C1E | 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 #54626A as 0% and #181C1E as 100%.

0.0%	0.0% #54626A	RGB 84 98 106	#54626A
16.7%	16.7% #4A565D	RGB 74 86 93	#4A565D
33.3%	33.3% #404A50	RGB 64 74 80	#404A50
50.0%	50.0% #363F44	RGB 54 63 68	#363F44
66.7%	66.7% #2C3337	RGB 44 51 55	#2C3337
83.3%	83.3% #22272A	RGB 34 39 42	#22272A
100.0%	100.0% #181C1E	RGB 24 28 30	#181C1E

#54626A #4A565D #404A50 #363F44 #2C3337 #22272A #181C1E

#54626A - #363F44 - #181C1E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54626A 0%, #363F44 50%, #181C1E 100%);
    background: -webkit-linear-gradient(top, #54626A 0%, #363F44 50%, #181C1E 100%);
    background: linear-gradient(to bottom, #54626A 0%, #363F44 50%, #181C1E 100%);
}
</style>