#4B5E4D - #094E15 | 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 #4B5E4D to #094E15

#4B5E4D #094E15

Calculate the color between two colors, #4B5E4D and #094E15. 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)

#4B5E4D - #094E15 | 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 #4B5E4D as 0% and #094E15 as 100%.

0.0%	0.0% #4B5E4D	RGB 75 94 77	#4B5E4D
16.7%	16.7% #405B43	RGB 64 91 67	#405B43
33.3%	33.3% #35583A	RGB 53 88 58	#35583A
50.0%	50.0% #2A5631	RGB 42 86 49	#2A5631
66.7%	66.7% #1F5327	RGB 31 83 39	#1F5327
83.3%	83.3% #14501E	RGB 20 80 30	#14501E
100.0%	100.0% #094E15	RGB 9 78 21	#094E15

#4B5E4D #405B43 #35583A #2A5631 #1F5327 #14501E #094E15

#4B5E4D - #094E15

HSV Blend

#4B5E4D - #094E15 | 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 #4B5E4D as 0% and #094E15 as 100%.

0.0%	0.0% #4B5E4D	RGB 75 94 77	#4B5E4D
16.7%	16.7% #3E5B41	RGB 62 91 65	#3E5B41
33.3%	33.3% #325837	RGB 50 88 55	#325837
50.0%	50.0% #27562D	RGB 39 86 45	#27562D
66.7%	66.7% #1C5324	RGB 28 83 36	#1C5324
83.3%	83.3% #12501C	RGB 18 80 28	#12501C
100.0%	100.0% #094E15	RGB 9 78 21	#094E15

#4B5E4D #3E5B41 #325837 #27562D #1C5324 #12501C #094E15

#4B5E4D - #27562D - #094E15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E4D 0%, #27562D 50%, #094E15 100%);
    background: -webkit-linear-gradient(top, #4B5E4D 0%, #27562D 50%, #094E15 100%);
    background: linear-gradient(to bottom, #4B5E4D 0%, #27562D 50%, #094E15 100%);
}
</style>