#4D5E5B - #0A3733 | 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 #4D5E5B to #0A3733

#4D5E5B #0A3733

Calculate the color between two colors, #4D5E5B and #0A3733. 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)

#4D5E5B - #0A3733 | 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 #4D5E5B as 0% and #0A3733 as 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #415754	RGB 65 87 84	#415754
33.3%	33.3% #36514D	RGB 54 81 77	#36514D
50.0%	50.0% #2B4A47	RGB 43 74 71	#2B4A47
66.7%	66.7% #204440	RGB 32 68 64	#204440
83.3%	83.3% #153D39	RGB 21 61 57	#153D39
100.0%	100.0% #0A3733	RGB 10 55 51	#0A3733

#4D5E5B #415754 #36514D #2B4A47 #204440 #153D39 #0A3733

#4D5E5B - #0A3733

HSV Blend

#4D5E5B - #0A3733 | 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 #4D5E5B as 0% and #0A3733 as 100%.

0.0%	0.0% #4D5E5B	RGB 77 94 91	#4D5E5B
16.7%	16.7% #3E5753	RGB 62 87 83	#3E5753
33.3%	33.3% #31514C	RGB 49 81 76	#31514C
50.0%	50.0% #254A45	RGB 37 74 69	#254A45
66.7%	66.7% #1A443F	RGB 26 68 63	#1A443F
83.3%	83.3% #113D38	RGB 17 61 56	#113D38
100.0%	100.0% #0A3733	RGB 10 55 51	#0A3733

#4D5E5B #3E5753 #31514C #254A45 #1A443F #113D38 #0A3733

#4D5E5B - #254A45 - #0A3733

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E5B 0%, #254A45 50%, #0A3733 100%);
    background: -webkit-linear-gradient(top, #4D5E5B 0%, #254A45 50%, #0A3733 100%);
    background: linear-gradient(to bottom, #4D5E5B 0%, #254A45 50%, #0A3733 100%);
}
</style>