#4D647B - #1D282E | 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 #4D647B to #1D282E

#4D647B #1D282E

Calculate the color between two colors, #4D647B and #1D282E. 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)

#4D647B - #1D282E | 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 #4D647B as 0% and #1D282E as 100%.

0.0%	0.0% #4D647B	RGB 77 100 123	#4D647B
16.7%	16.7% #455A6E	RGB 69 90 110	#455A6E
33.3%	33.3% #3D5061	RGB 61 80 97	#3D5061
50.0%	50.0% #354654	RGB 53 70 84	#354654
66.7%	66.7% #2D3C47	RGB 45 60 71	#2D3C47
83.3%	83.3% #25323A	RGB 37 50 58	#25323A
100.0%	100.0% #1D282E	RGB 29 40 46	#1D282E

#4D647B #455A6E #3D5061 #354654 #2D3C47 #25323A #1D282E

#4D647B - #1D282E

HSV Blend

#4D647B - #1D282E | 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 #4D647B as 0% and #1D282E as 100%.

0.0%	0.0% #4D647B	RGB 77 100 123	#4D647B
16.7%	16.7% #455A6E	RGB 69 90 110	#455A6E
33.3%	33.3% #3D5061	RGB 61 80 97	#3D5061
50.0%	50.0% #354754	RGB 53 71 84	#354754
66.7%	66.7% #2D3C47	RGB 45 60 71	#2D3C47
83.3%	83.3% #25323A	RGB 37 50 58	#25323A
100.0%	100.0% #1D282E	RGB 29 40 46	#1D282E

#4D647B #455A6E #3D5061 #354754 #2D3C47 #25323A #1D282E

#4D647B - #354754 - #1D282E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D647B 0%, #354754 50%, #1D282E 100%);
    background: -webkit-linear-gradient(top, #4D647B 0%, #354754 50%, #1D282E 100%);
    background: linear-gradient(to bottom, #4D647B 0%, #354754 50%, #1D282E 100%);
}
</style>