#4A8F8F - #075E4E | 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 #4A8F8F to #075E4E

#4A8F8F #075E4E

Calculate the color between two colors, #4A8F8F and #075E4E. 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)

#4A8F8F - #075E4E | 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 #4A8F8F as 0% and #075E4E as 100%.

0.0%	0.0% #4A8F8F	RGB 74 143 143	#4A8F8F
16.7%	16.7% #3E8684	RGB 62 134 132	#3E8684
33.3%	33.3% #337E79	RGB 51 126 121	#337E79
50.0%	50.0% #28766E	RGB 40 118 110	#28766E
66.7%	66.7% #1D6E63	RGB 29 110 99	#1D6E63
83.3%	83.3% #126658	RGB 18 102 88	#126658
100.0%	100.0% #075E4E	RGB 7 94 78	#075E4E

#4A8F8F #3E8684 #337E79 #28766E #1D6E63 #126658 #075E4E

#4A8F8F - #075E4E

HSV Blend

#4A8F8F - #075E4E | 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 #4A8F8F as 0% and #075E4E as 100%.

0.0%	0.0% #4A8F8F	RGB 74 143 143	#4A8F8F
16.7%	16.7% #3B8684	RGB 59 134 132	#3B8684
33.3%	33.3% #2E7E79	RGB 46 126 121	#2E7E79
50.0%	50.0% #23766E	RGB 35 118 110	#23766E
66.7%	66.7% #186E63	RGB 24 110 99	#186E63
83.3%	83.3% #0F6658	RGB 15 102 88	#0F6658
100.0%	100.0% #075E4E	RGB 7 94 78	#075E4E

#4A8F8F #3B8684 #2E7E79 #23766E #186E63 #0F6658 #075E4E

#4A8F8F - #23766E - #075E4E

CSS codes

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

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