#4A8F7E - #0C5A42 | 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 #4A8F7E to #0C5A42

#4A8F7E #0C5A42

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

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

0.0%	0.0% #4A8F7E	RGB 74 143 126	#4A8F7E
16.7%	16.7% #3F8674	RGB 63 134 116	#3F8674
33.3%	33.3% #357D6A	RGB 53 125 106	#357D6A
50.0%	50.0% #2B7460	RGB 43 116 96	#2B7460
66.7%	66.7% #206B56	RGB 32 107 86	#206B56
83.3%	83.3% #16624C	RGB 22 98 76	#16624C
100.0%	100.0% #0C5A42	RGB 12 90 66	#0C5A42

#4A8F7E #3F8674 #357D6A #2B7460 #206B56 #16624C #0C5A42

#4A8F7E - #0C5A42

HSV Blend

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

0.0%	0.0% #4A8F7E	RGB 74 143 126	#4A8F7E
16.7%	16.7% #3C8673	RGB 60 134 115	#3C8673
33.3%	33.3% #307D68	RGB 48 125 104	#307D68
50.0%	50.0% #25745E	RGB 37 116 94	#25745E
66.7%	66.7% #1C6B54	RGB 28 107 84	#1C6B54
83.3%	83.3% #13624B	RGB 19 98 75	#13624B
100.0%	100.0% #0C5A42	RGB 12 90 66	#0C5A42

#4A8F7E #3C8673 #307D68 #25745E #1C6B54 #13624B #0C5A42

#4A8F7E - #25745E - #0C5A42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8F7E 0%, #25745E 50%, #0C5A42 100%);
    background: -webkit-linear-gradient(top, #4A8F7E 0%, #25745E 50%, #0C5A42 100%);
    background: linear-gradient(to bottom, #4A8F7E 0%, #25745E 50%, #0C5A42 100%);
}
</style>