#5E605F - #232B15 | 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 #5E605F to #232B15

#5E605F #232B15

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

#5E605F - #232B15 | 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 #5E605F as 0% and #232B15 as 100%.

0.0%	0.0% #5E605F	RGB 94 96 95	#5E605F
16.7%	16.7% #545752	RGB 84 87 82	#545752
33.3%	33.3% #4A4E46	RGB 74 78 70	#4A4E46
50.0%	50.0% #40453A	RGB 64 69 58	#40453A
66.7%	66.7% #363C2D	RGB 54 60 45	#363C2D
83.3%	83.3% #2C3321	RGB 44 51 33	#2C3321
100.0%	100.0% #232B15	RGB 35 43 21	#232B15

#5E605F #545752 #4A4E46 #40453A #363C2D #2C3321 #232B15

#5E605F - #232B15

HSV Blend

#5E605F - #232B15 | 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 #5E605F as 0% and #232B15 as 100%.

0.0%	0.0% #5E605F	RGB 94 96 95	#5E605F
16.7%	16.7% #4E5750	RGB 78 87 80	#4E5750
33.3%	33.3% #3F4E41	RGB 63 78 65	#3F4E41
50.0%	50.0% #344532	RGB 52 69 50	#344532
66.7%	66.7% #2C3C27	RGB 44 60 39	#2C3C27
83.3%	83.3% #27331D	RGB 39 51 29	#27331D
100.0%	100.0% #232B15	RGB 35 43 21	#232B15

#5E605F #4E5750 #3F4E41 #344532 #2C3C27 #27331D #232B15

#5E605F - #344532 - #232B15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E605F 0%, #344532 50%, #232B15 100%);
    background: -webkit-linear-gradient(top, #5E605F 0%, #344532 50%, #232B15 100%);
    background: linear-gradient(to bottom, #5E605F 0%, #344532 50%, #232B15 100%);
}
</style>