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

#1C2331 #5E6669

Calculate the color between two colors, #1C2331 and #5E6669. 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 - #5E6669 | 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 #5E6669 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% #5E6669	RGB 94 102 105	#5E6669

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

#1C2331 - #5E6669

HSV Blend

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

0.0%	0.0% #1C2331	RGB 28 35 49	#1C2331
16.7%	16.7% #242D3A	RGB 36 45 58	#242D3A
33.3%	33.3% #2D3843	RGB 45 56 67	#2D3843
50.0%	50.0% #38434D	RGB 56 67 77	#38434D
66.7%	66.7% #434E56	RGB 67 78 86	#434E56
83.3%	83.3% #505A5F	RGB 80 90 95	#505A5F
100.0%	100.0% #5E6669	RGB 94 102 105	#5E6669

#1C2331 #242D3A #2D3843 #38434D #434E56 #505A5F #5E6669

#1C2331 - #38434D - #5E6669

CSS codes

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

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