#4D5E5A - #0A3628 | 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 #4D5E5A to #0A3628

#4D5E5A #0A3628

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

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

0.0%	0.0% #4D5E5A	RGB 77 94 90	#4D5E5A
16.7%	16.7% #415751	RGB 65 87 81	#415751
33.3%	33.3% #365049	RGB 54 80 73	#365049
50.0%	50.0% #2B4A41	RGB 43 74 65	#2B4A41
66.7%	66.7% #204338	RGB 32 67 56	#204338
83.3%	83.3% #153C30	RGB 21 60 48	#153C30
100.0%	100.0% #0A3628	RGB 10 54 40	#0A3628

#4D5E5A #415751 #365049 #2B4A41 #204338 #153C30 #0A3628

#4D5E5A - #0A3628

HSV Blend

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

0.0%	0.0% #4D5E5A	RGB 77 94 90	#4D5E5A
16.7%	16.7% #3E5751	RGB 62 87 81	#3E5751
33.3%	33.3% #315048	RGB 49 80 72	#315048
50.0%	50.0% #254A3F	RGB 37 74 63	#254A3F
66.7%	66.7% #1A4337	RGB 26 67 55	#1A4337
83.3%	83.3% #113C2F	RGB 17 60 47	#113C2F
100.0%	100.0% #0A3628	RGB 10 54 40	#0A3628

#4D5E5A #3E5751 #315048 #254A3F #1A4337 #113C2F #0A3628

#4D5E5A - #254A3F - #0A3628

CSS codes

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

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