#4A8D7E - #174C4D | 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 #4A8D7E to #174C4D

#4A8D7E #174C4D

Calculate the color between two colors, #4A8D7E and #174C4D. 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)

#4A8D7E - #174C4D | 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 #4A8D7E as 0% and #174C4D as 100%.

0.0%	0.0% #4A8D7E	RGB 74 141 126	#4A8D7E
16.7%	16.7% #418275	RGB 65 130 117	#418275
33.3%	33.3% #39776D	RGB 57 119 109	#39776D
50.0%	50.0% #306C65	RGB 48 108 101	#306C65
66.7%	66.7% #28615D	RGB 40 97 93	#28615D
83.3%	83.3% #1F5655	RGB 31 86 85	#1F5655
100.0%	100.0% #174C4D	RGB 23 76 77	#174C4D

#4A8D7E #418275 #39776D #306C65 #28615D #1F5655 #174C4D

#4A8D7E - #174C4D

HSV Blend

#4A8D7E - #174C4D | 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 #4A8D7E as 0% and #174C4D as 100%.

0.0%	0.0% #4A8D7E	RGB 74 141 126	#4A8D7E
16.7%	16.7% #3F8276	RGB 63 130 118	#3F8276
33.3%	33.3% #35776E	RGB 53 119 110	#35776E
50.0%	50.0% #2C6D66	RGB 44 109 102	#2C6D66
66.7%	66.7% #24625E	RGB 36 98 94	#24625E
83.3%	83.3% #1D5756	RGB 29 87 86	#1D5756
100.0%	100.0% #174C4D	RGB 23 76 77	#174C4D

#4A8D7E #3F8276 #35776E #2C6D66 #24625E #1D5756 #174C4D

#4A8D7E - #2C6D66 - #174C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D7E 0%, #2C6D66 50%, #174C4D 100%);
    background: -webkit-linear-gradient(top, #4A8D7E 0%, #2C6D66 50%, #174C4D 100%);
    background: linear-gradient(to bottom, #4A8D7E 0%, #2C6D66 50%, #174C4D 100%);
}
</style>