#1C2831 - #5B6567 | 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 #1C2831 to #5B6567

#1C2831 #5B6567

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

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

0.0%	0.0% #1C2831	RGB 28 40 49	#1C2831
16.7%	16.7% #26323A	RGB 38 50 58	#26323A
33.3%	33.3% #313C43	RGB 49 60 67	#313C43
50.0%	50.0% #3B464C	RGB 59 70 76	#3B464C
66.7%	66.7% #465055	RGB 70 80 85	#465055
83.3%	83.3% #505A5E	RGB 80 90 94	#505A5E
100.0%	100.0% #5B6567	RGB 91 101 103	#5B6567

#1C2831 #26323A #313C43 #3B464C #465055 #505A5E #5B6567

#1C2831 - #5B6567

HSV Blend

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

0.0%	0.0% #1C2831	RGB 28 40 49	#1C2831
16.7%	16.7% #24313A	RGB 36 49 58	#24313A
33.3%	33.3% #2D3B43	RGB 45 59 67	#2D3B43
50.0%	50.0% #37454C	RGB 55 69 76	#37454C
66.7%	66.7% #425055	RGB 66 80 85	#425055
83.3%	83.3% #4E5A5E	RGB 78 90 94	#4E5A5E
100.0%	100.0% #5B6567	RGB 91 101 103	#5B6567

#1C2831 #24313A #2D3B43 #37454C #425055 #4E5A5E #5B6567

#1C2831 - #37454C - #5B6567

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C2831 0%, #37454C 50%, #5B6567 100%);
    background: -webkit-linear-gradient(top, #1C2831 0%, #37454C 50%, #5B6567 100%);
    background: linear-gradient(to bottom, #1C2831 0%, #37454C 50%, #5B6567 100%);
}
</style>