#2D2024 - #5E5B5D | 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 #2D2024 to #5E5B5D

#2D2024 #5E5B5D

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

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

0.0%	0.0% #2D2024	RGB 45 32 36	#2D2024
16.7%	16.7% #35292D	RGB 53 41 45	#35292D
33.3%	33.3% #3D3337	RGB 61 51 55	#3D3337
50.0%	50.0% #453D40	RGB 69 61 64	#453D40
66.7%	66.7% #4D474A	RGB 77 71 74	#4D474A
83.3%	83.3% #555153	RGB 85 81 83	#555153
100.0%	100.0% #5E5B5D	RGB 94 91 93	#5E5B5D

#2D2024 #35292D #3D3337 #453D40 #4D474A #555153 #5E5B5D

#2D2024 - #5E5B5D

HSV Blend

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

0.0%	0.0% #2D2024	RGB 45 32 36	#2D2024
16.7%	16.7% #35282C	RGB 53 40 44	#35282C
33.3%	33.3% #3D3036	RGB 61 48 54	#3D3036
50.0%	50.0% #453A3F	RGB 69 58 63	#453A3F
66.7%	66.7% #4D4449	RGB 77 68 73	#4D4449
83.3%	83.3% #554F53	RGB 85 79 83	#554F53
100.0%	100.0% #5E5B5D	RGB 94 91 93	#5E5B5D

#2D2024 #35282C #3D3036 #453A3F #4D4449 #554F53 #5E5B5D

#2D2024 - #453A3F - #5E5B5D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2024 0%, #453A3F 50%, #5E5B5D 100%);
    background: -webkit-linear-gradient(top, #2D2024 0%, #453A3F 50%, #5E5B5D 100%);
    background: linear-gradient(to bottom, #2D2024 0%, #453A3F 50%, #5E5B5D 100%);
}
</style>