#4B5E76 - #1B252A | 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 #4B5E76 to #1B252A

#4B5E76 #1B252A

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

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

0.0%	0.0% #4B5E76	RGB 75 94 118	#4B5E76
16.7%	16.7% #435469	RGB 67 84 105	#435469
33.3%	33.3% #3B4B5C	RGB 59 75 92	#3B4B5C
50.0%	50.0% #334150	RGB 51 65 80	#334150
66.7%	66.7% #2B3843	RGB 43 56 67	#2B3843
83.3%	83.3% #232E36	RGB 35 46 54	#232E36
100.0%	100.0% #1B252A	RGB 27 37 42	#1B252A

#4B5E76 #435469 #3B4B5C #334150 #2B3843 #232E36 #1B252A

#4B5E76 - #1B252A

HSV Blend

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

0.0%	0.0% #4B5E76	RGB 75 94 118	#4B5E76
16.7%	16.7% #435569	RGB 67 85 105	#435569
33.3%	33.3% #3B4C5C	RGB 59 76 92	#3B4C5C
50.0%	50.0% #334350	RGB 51 67 80	#334350
66.7%	66.7% #2B3943	RGB 43 57 67	#2B3943
83.3%	83.3% #232F36	RGB 35 47 54	#232F36
100.0%	100.0% #1B252A	RGB 27 37 42	#1B252A

#4B5E76 #435569 #3B4C5C #334350 #2B3943 #232F36 #1B252A

#4B5E76 - #334350 - #1B252A

CSS codes

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

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