#5E7579 - #2B2D31 | 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 #5E7579 to #2B2D31

#5E7579 #2B2D31

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

#5E7579 - #2B2D31 | 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 #5E7579 as 0% and #2B2D31 as 100%.

0.0%	0.0% #5E7579	RGB 94 117 121	#5E7579
16.7%	16.7% #55696D	RGB 85 105 109	#55696D
33.3%	33.3% #4D5D61	RGB 77 93 97	#4D5D61
50.0%	50.0% #445155	RGB 68 81 85	#445155
66.7%	66.7% #3C4549	RGB 60 69 73	#3C4549
83.3%	83.3% #33393D	RGB 51 57 61	#33393D
100.0%	100.0% #2B2D31	RGB 43 45 49	#2B2D31

#5E7579 #55696D #4D5D61 #445155 #3C4549 #33393D #2B2D31

#5E7579 - #2B2D31

HSV Blend

#5E7579 - #2B2D31 | 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 #5E7579 as 0% and #2B2D31 as 100%.

0.0%	0.0% #5E7579	RGB 94 117 121	#5E7579
16.7%	16.7% #56676D	RGB 86 103 109	#56676D
33.3%	33.3% #4E5B61	RGB 78 91 97	#4E5B61
50.0%	50.0% #464F55	RGB 70 79 85	#464F55
66.7%	66.7% #3D4349	RGB 61 67 73	#3D4349
83.3%	83.3% #34383D	RGB 52 56 61	#34383D
100.0%	100.0% #2B2D31	RGB 43 45 49	#2B2D31

#5E7579 #56676D #4E5B61 #464F55 #3D4349 #34383D #2B2D31

#5E7579 - #464F55 - #2B2D31

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7579 0%, #464F55 50%, #2B2D31 100%);
    background: -webkit-linear-gradient(top, #5E7579 0%, #464F55 50%, #2B2D31 100%);
    background: linear-gradient(to bottom, #5E7579 0%, #464F55 50%, #2B2D31 100%);
}
</style>