#5E7175 - #2A2B2E | 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 #5E7175 to #2A2B2E

#5E7175 #2A2B2E

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

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

0.0%	0.0% #5E7175	RGB 94 113 117	#5E7175
16.7%	16.7% #556569	RGB 85 101 105	#556569
33.3%	33.3% #4C595D	RGB 76 89 93	#4C595D
50.0%	50.0% #444E51	RGB 68 78 81	#444E51
66.7%	66.7% #3B4245	RGB 59 66 69	#3B4245
83.3%	83.3% #323639	RGB 50 54 57	#323639
100.0%	100.0% #2A2B2E	RGB 42 43 46	#2A2B2E

#5E7175 #556569 #4C595D #444E51 #3B4245 #323639 #2A2B2E

#5E7175 - #2A2B2E

HSV Blend

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

0.0%	0.0% #5E7175	RGB 94 113 117	#5E7175
16.7%	16.7% #566469	RGB 86 100 105	#566469
33.3%	33.3% #4E575D	RGB 78 87 93	#4E575D
50.0%	50.0% #454C51	RGB 69 76 81	#454C51
66.7%	66.7% #3D4045	RGB 61 64 69	#3D4045
83.3%	83.3% #333539	RGB 51 53 57	#333539
100.0%	100.0% #2A2B2E	RGB 42 43 46	#2A2B2E

#5E7175 #566469 #4E575D #454C51 #3D4045 #333539 #2A2B2E

#5E7175 - #454C51 - #2A2B2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7175 0%, #454C51 50%, #2A2B2E 100%);
    background: -webkit-linear-gradient(top, #5E7175 0%, #454C51 50%, #2A2B2E 100%);
    background: linear-gradient(to bottom, #5E7175 0%, #454C51 50%, #2A2B2E 100%);
}
</style>