#1C2331 - #5E6569 | 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 #1C2331 to #5E6569

#1C2331 #5E6569

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

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

0.0%	0.0% #1C2331	RGB 28 35 49	#1C2331
16.7%	16.7% #272E3A	RGB 39 46 58	#272E3A
33.3%	33.3% #323943	RGB 50 57 67	#323943
50.0%	50.0% #3D444D	RGB 61 68 77	#3D444D
66.7%	66.7% #484F56	RGB 72 79 86	#484F56
83.3%	83.3% #535A5F	RGB 83 90 95	#535A5F
100.0%	100.0% #5E6569	RGB 94 101 105	#5E6569

#1C2331 #272E3A #323943 #3D444D #484F56 #535A5F #5E6569

#1C2331 - #5E6569

HSV Blend

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

0.0%	0.0% #1C2331	RGB 28 35 49	#1C2331
16.7%	16.7% #242C3A	RGB 36 44 58	#242C3A
33.3%	33.3% #2D3743	RGB 45 55 67	#2D3743
50.0%	50.0% #38424D	RGB 56 66 77	#38424D
66.7%	66.7% #434D56	RGB 67 77 86	#434D56
83.3%	83.3% #50595F	RGB 80 89 95	#50595F
100.0%	100.0% #5E6569	RGB 94 101 105	#5E6569

#1C2331 #242C3A #2D3743 #38424D #434D56 #50595F #5E6569

#1C2331 - #38424D - #5E6569

CSS codes

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

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