#5E605C - #1D2828 | 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 #5E605C to #1D2828

#5E605C #1D2828

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

#5E605C - #1D2828 | 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 #5E605C as 0% and #1D2828 as 100%.

0.0%	0.0% #5E605C	RGB 94 96 92	#5E605C
16.7%	16.7% #535653	RGB 83 86 83	#535653
33.3%	33.3% #484D4A	RGB 72 77 74	#484D4A
50.0%	50.0% #3D4442	RGB 61 68 66	#3D4442
66.7%	66.7% #323A39	RGB 50 58 57	#323A39
83.3%	83.3% #273130	RGB 39 49 48	#273130
100.0%	100.0% #1D2828	RGB 29 40 40	#1D2828

#5E605C #535653 #484D4A #3D4442 #323A39 #273130 #1D2828

#5E605C - #1D2828

HSV Blend

#5E605C - #1D2828 | 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 #5E605C as 0% and #1D2828 as 100%.

0.0%	0.0% #5E605C	RGB 94 96 92	#5E605C
16.7%	16.7% #51564F	RGB 81 86 79	#51564F
33.3%	33.3% #444D44	RGB 68 77 68	#444D44
50.0%	50.0% #39443B	RGB 57 68 59	#39443B
66.7%	66.7% #2F3A34	RGB 47 58 52	#2F3A34
83.3%	83.3% #25312E	RGB 37 49 46	#25312E
100.0%	100.0% #1D2828	RGB 29 40 40	#1D2828

#5E605C #51564F #444D44 #39443B #2F3A34 #25312E #1D2828

#5E605C - #39443B - #1D2828

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E605C 0%, #39443B 50%, #1D2828 100%);
    background: -webkit-linear-gradient(top, #5E605C 0%, #39443B 50%, #1D2828 100%);
    background: linear-gradient(to bottom, #5E605C 0%, #39443B 50%, #1D2828 100%);
}
</style>