#242D20 - #5D5E5B | 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 #242D20 to #5D5E5B

#242D20 #5D5E5B

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

#242D20 - #5D5E5B | 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 #242D20 as 0% and #5D5E5B as 100%.

0.0%	0.0% #242D20	RGB 36 45 32	#242D20
16.7%	16.7% #2D3529	RGB 45 53 41	#2D3529
33.3%	33.3% #373D33	RGB 55 61 51	#373D33
50.0%	50.0% #40453D	RGB 64 69 61	#40453D
66.7%	66.7% #4A4D47	RGB 74 77 71	#4A4D47
83.3%	83.3% #535551	RGB 83 85 81	#535551
100.0%	100.0% #5D5E5B	RGB 93 94 91	#5D5E5B

#242D20 #2D3529 #373D33 #40453D #4A4D47 #535551 #5D5E5B

#242D20 - #5D5E5B

HSV Blend

#242D20 - #5D5E5B | 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 #242D20 as 0% and #5D5E5B as 100%.

0.0%	0.0% #242D20	RGB 36 45 32	#242D20
16.7%	16.7% #2C3528	RGB 44 53 40	#2C3528
33.3%	33.3% #363D30	RGB 54 61 48	#363D30
50.0%	50.0% #3F453A	RGB 63 69 58	#3F453A
66.7%	66.7% #494D44	RGB 73 77 68	#494D44
83.3%	83.3% #53554F	RGB 83 85 79	#53554F
100.0%	100.0% #5D5E5B	RGB 93 94 91	#5D5E5B

#242D20 #2C3528 #363D30 #3F453A #494D44 #53554F #5D5E5B

#242D20 - #3F453A - #5D5E5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242D20 0%, #3F453A 50%, #5D5E5B 100%);
    background: -webkit-linear-gradient(top, #242D20 0%, #3F453A 50%, #5D5E5B 100%);
    background: linear-gradient(to bottom, #242D20 0%, #3F453A 50%, #5D5E5B 100%);
}
</style>