#1C2A31 - #5E6969 | 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 #1C2A31 to #5E6969

#1C2A31 #5E6969

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

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

0.0%	0.0% #1C2A31	RGB 28 42 49	#1C2A31
16.7%	16.7% #27343A	RGB 39 52 58	#27343A
33.3%	33.3% #323F43	RGB 50 63 67	#323F43
50.0%	50.0% #3D494D	RGB 61 73 77	#3D494D
66.7%	66.7% #485456	RGB 72 84 86	#485456
83.3%	83.3% #535E5F	RGB 83 94 95	#535E5F
100.0%	100.0% #5E6969	RGB 94 105 105	#5E6969

#1C2A31 #27343A #323F43 #3D494D #485456 #535E5F #5E6969

#1C2A31 - #5E6969

HSV Blend

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

0.0%	0.0% #1C2A31	RGB 28 42 49	#1C2A31
16.7%	16.7% #24343A	RGB 36 52 58	#24343A
33.3%	33.3% #2D3E43	RGB 45 62 67	#2D3E43
50.0%	50.0% #38494D	RGB 56 73 77	#38494D
66.7%	66.7% #435456	RGB 67 84 86	#435456
83.3%	83.3% #505E5F	RGB 80 94 95	#505E5F
100.0%	100.0% #5E6969	RGB 94 105 105	#5E6969

#1C2A31 #24343A #2D3E43 #38494D #435456 #505E5F #5E6969

#1C2A31 - #38494D - #5E6969

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C2A31 0%, #38494D 50%, #5E6969 100%);
    background: -webkit-linear-gradient(top, #1C2A31 0%, #38494D 50%, #5E6969 100%);
    background: linear-gradient(to bottom, #1C2A31 0%, #38494D 50%, #5E6969 100%);
}
</style>