#20292D - #4C5E89 | 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 #20292D to #4C5E89

#20292D #4C5E89

Calculate the color between two colors, #20292D and #4C5E89. 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)

#20292D - #4C5E89 | 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 #20292D as 0% and #4C5E89 as 100%.

0.0%	0.0% #20292D	RGB 32 41 45	#20292D
16.7%	16.7% #27313C	RGB 39 49 60	#27313C
33.3%	33.3% #2E3A4B	RGB 46 58 75	#2E3A4B
50.0%	50.0% #36435B	RGB 54 67 91	#36435B
66.7%	66.7% #3D4C6A	RGB 61 76 106	#3D4C6A
83.3%	83.3% #445579	RGB 68 85 121	#445579
100.0%	100.0% #4C5E89	RGB 76 94 137	#4C5E89

#20292D #27313C #2E3A4B #36435B #3D4C6A #445579 #4C5E89

#20292D - #4C5E89

HSV Blend

#20292D - #4C5E89 | 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 #20292D as 0% and #4C5E89 as 100%.

0.0%	0.0% #20292D	RGB 32 41 45	#20292D
16.7%	16.7% #29353C	RGB 41 53 60	#29353C
33.3%	33.3% #31404B	RGB 49 64 75	#31404B
50.0%	50.0% #394A5B	RGB 57 74 91	#394A5B
66.7%	66.7% #40526A	RGB 64 82 106	#40526A
83.3%	83.3% #465979	RGB 70 89 121	#465979
100.0%	100.0% #4C5E89	RGB 76 94 137	#4C5E89

#20292D #29353C #31404B #394A5B #40526A #465979 #4C5E89

#20292D - #394A5B - #4C5E89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20292D 0%, #394A5B 50%, #4C5E89 100%);
    background: -webkit-linear-gradient(top, #20292D 0%, #394A5B 50%, #4C5E89 100%);
    background: linear-gradient(to bottom, #20292D 0%, #394A5B 50%, #4C5E89 100%);
}
</style>