#474648 - #1B1211 | 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 #474648 to #1B1211

#474648 #1B1211

Calculate the color between two colors, #474648 and #1B1211. 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)

#474648 - #1B1211 | 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 #474648 as 0% and #1B1211 as 100%.

0.0%	0.0% #474648	RGB 71 70 72	#474648
16.7%	16.7% #3F3D3E	RGB 63 61 62	#3F3D3E
33.3%	33.3% #383435	RGB 56 52 53	#383435
50.0%	50.0% #312C2C	RGB 49 44 44	#312C2C
66.7%	66.7% #292323	RGB 41 35 35	#292323
83.3%	83.3% #221A1A	RGB 34 26 26	#221A1A
100.0%	100.0% #1B1211	RGB 27 18 17	#1B1211

#474648 #3F3D3E #383435 #312C2C #292323 #221A1A #1B1211

#474648 - #1B1211

HSV Blend

#474648 - #1B1211 | 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 #474648 as 0% and #1B1211 as 100%.

0.0%	0.0% #474648	RGB 71 70 72	#474648
16.7%	16.7% #3F3B40	RGB 63 59 64	#3F3B40
33.3%	33.3% #393038	RGB 57 48 56	#393038
50.0%	50.0% #31272E	RGB 49 39 46	#31272E
66.7%	66.7% #2A1F23	RGB 42 31 35	#2A1F23
83.3%	83.3% #221719	RGB 34 23 25	#221719
100.0%	100.0% #1B1211	RGB 27 18 17	#1B1211

#474648 #3F3B40 #393038 #31272E #2A1F23 #221719 #1B1211

#474648 - #31272E - #1B1211

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #474648 0%, #31272E 50%, #1B1211 100%);
    background: -webkit-linear-gradient(top, #474648 0%, #31272E 50%, #1B1211 100%);
    background: linear-gradient(to bottom, #474648 0%, #31272E 50%, #1B1211 100%);
}
</style>