#1D2839 - #5A656E | 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 #1D2839 to #5A656E

#1D2839 #5A656E

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

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

0.0%	0.0% #1D2839	RGB 29 40 57	#1D2839
16.7%	16.7% #273241	RGB 39 50 65	#273241
33.3%	33.3% #313C4A	RGB 49 60 74	#313C4A
50.0%	50.0% #3B4653	RGB 59 70 83	#3B4653
66.7%	66.7% #45505C	RGB 69 80 92	#45505C
83.3%	83.3% #4F5A65	RGB 79 90 101	#4F5A65
100.0%	100.0% #5A656E	RGB 90 101 110	#5A656E

#1D2839 #273241 #313C4A #3B4653 #45505C #4F5A65 #5A656E

#1D2839 - #5A656E

HSV Blend

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

0.0%	0.0% #1D2739	RGB 29 39 57	#1D2739
16.7%	16.7% #243141	RGB 36 49 65	#243141
33.3%	33.3% #2D3A4A	RGB 45 58 74	#2D3A4A
50.0%	50.0% #374453	RGB 55 68 83	#374453
66.7%	66.7% #424F5C	RGB 66 79 92	#424F5C
83.3%	83.3% #4D5965	RGB 77 89 101	#4D5965
100.0%	100.0% #5A656E	RGB 90 101 110	#5A656E

#1D2739 #243141 #2D3A4A #374453 #424F5C #4D5965 #5A656E

#1D2839 - #374453 - #5A656E

CSS codes

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

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