#473E5E - #220C16 | 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 #473E5E to #220C16

#473E5E #220C16

Calculate the color between two colors, #473E5E and #220C16. 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)

#473E5E - #220C16 | 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 #473E5E as 0% and #220C16 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #403552	RGB 64 53 82	#403552
33.3%	33.3% #3A2D46	RGB 58 45 70	#3A2D46
50.0%	50.0% #34253A	RGB 52 37 58	#34253A
66.7%	66.7% #2E1C2E	RGB 46 28 46	#2E1C2E
83.3%	83.3% #281422	RGB 40 20 34	#281422
100.0%	100.0% #220C16	RGB 34 12 22	#220C16

#473E5E #403552 #3A2D46 #34253A #2E1C2E #281422 #220C16

#473E5E - #220C16

HSV Blend

#473E5E - #220C16 | 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 #473E5E as 0% and #220C16 as 100%.

0.0%	0.0% #473E5E	RGB 71 62 94	#473E5E
16.7%	16.7% #433354	RGB 67 51 84	#433354
33.3%	33.3% #40294A	RGB 64 41 74	#40294A
50.0%	50.0% #3D2040	RGB 61 32 64	#3D2040
66.7%	66.7% #361832	RGB 54 24 50	#361832
83.3%	83.3% #2C1123	RGB 44 17 35	#2C1123
100.0%	100.0% #220C16	RGB 34 12 22	#220C16

#473E5E #433354 #40294A #3D2040 #361832 #2C1123 #220C16

#473E5E - #3D2040 - #220C16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #473E5E 0%, #3D2040 50%, #220C16 100%);
    background: -webkit-linear-gradient(top, #473E5E 0%, #3D2040 50%, #220C16 100%);
    background: linear-gradient(to bottom, #473E5E 0%, #3D2040 50%, #220C16 100%);
}
</style>