#5E5A70 - #301624 | 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 #5E5A70 to #301624

#5E5A70 #301624

Calculate the color between two colors, #5E5A70 and #301624. 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)

#5E5A70 - #301624 | 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 #5E5A70 as 0% and #301624 as 100%.

0.0%	0.0% #5E5A70	RGB 94 90 112	#5E5A70
16.7%	16.7% #564E63	RGB 86 78 99	#564E63
33.3%	33.3% #4E4356	RGB 78 67 86	#4E4356
50.0%	50.0% #47384A	RGB 71 56 74	#47384A
66.7%	66.7% #3F2C3D	RGB 63 44 61	#3F2C3D
83.3%	83.3% #372130	RGB 55 33 48	#372130
100.0%	100.0% #301624	RGB 48 22 36	#301624

#5E5A70 #564E63 #4E4356 #47384A #3F2C3D #372130 #301624

#5E5A70 - #301624

HSV Blend

#5E5A70 - #301624 | 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 #5E5A70 as 0% and #301624 as 100%.

0.0%	0.0% #5E5A70	RGB 94 90 112	#5E5A70
16.7%	16.7% #554B65	RGB 85 75 101	#554B65
33.3%	33.3% #4F3E5A	RGB 79 62 90	#4F3E5A
50.0%	50.0% #4A3250	RGB 74 50 80	#4A3250
66.7%	66.7% #452744	RGB 69 39 68	#452744
83.3%	83.3% #3A1E33	RGB 58 30 51	#3A1E33
100.0%	100.0% #301624	RGB 48 22 36	#301624

#5E5A70 #554B65 #4F3E5A #4A3250 #452744 #3A1E33 #301624

#5E5A70 - #4A3250 - #301624

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A70 0%, #4A3250 50%, #301624 100%);
    background: -webkit-linear-gradient(top, #5E5A70 0%, #4A3250 50%, #301624 100%);
    background: linear-gradient(to bottom, #5E5A70 0%, #4A3250 50%, #301624 100%);
}
</style>