#545457 - #0F261C | 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 #545457 to #0F261C

#545457 #0F261C

Calculate the color between two colors, #545457 and #0F261C. 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)

#545457 - #0F261C | 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 #545457 as 0% and #0F261C as 100%.

0.0%	0.0% #545457	RGB 84 84 87	#545457
16.7%	16.7% #484C4D	RGB 72 76 77	#484C4D
33.3%	33.3% #3D4443	RGB 61 68 67	#3D4443
50.0%	50.0% #313D39	RGB 49 61 57	#313D39
66.7%	66.7% #26352F	RGB 38 53 47	#26352F
83.3%	83.3% #1A2D25	RGB 26 45 37	#1A2D25
100.0%	100.0% #0F261C	RGB 15 38 28	#0F261C

#545457 #484C4D #3D4443 #313D39 #26352F #1A2D25 #0F261C

#545457 - #0F261C

HSV Blend

#545457 - #0F261C | 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 #545457 as 0% and #0F261C as 100%.

0.0%	0.0% #545457	RGB 84 84 87	#545457
16.7%	16.7% #44474E	RGB 68 71 78	#44474E
33.3%	33.3% #363E46	RGB 54 62 70	#363E46
50.0%	50.0% #2A383E	RGB 42 56 62	#2A383E
66.7%	66.7% #1F3536	RGB 31 53 54	#1F3536
83.3%	83.3% #162E29	RGB 22 46 41	#162E29
100.0%	100.0% #0F261C	RGB 15 38 28	#0F261C

#545457 #44474E #363E46 #2A383E #1F3536 #162E29 #0F261C

#545457 - #2A383E - #0F261C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #545457 0%, #2A383E 50%, #0F261C 100%);
    background: -webkit-linear-gradient(top, #545457 0%, #2A383E 50%, #0F261C 100%);
    background: linear-gradient(to bottom, #545457 0%, #2A383E 50%, #0F261C 100%);
}
</style>