#4A9A8C - #0A664E | 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 #4A9A8C to #0A664E

#4A9A8C #0A664E

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

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

0.0%	0.0% #4A9A8C	RGB 74 154 140	#4A9A8C
16.7%	16.7% #3F9181	RGB 63 145 129	#3F9181
33.3%	33.3% #348877	RGB 52 136 119	#348877
50.0%	50.0% #2A806D	RGB 42 128 109	#2A806D
66.7%	66.7% #1F7762	RGB 31 119 98	#1F7762
83.3%	83.3% #146E58	RGB 20 110 88	#146E58
100.0%	100.0% #0A664E	RGB 10 102 78	#0A664E

#4A9A8C #3F9181 #348877 #2A806D #1F7762 #146E58 #0A664E

#4A9A8C - #0A664E

HSV Blend

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

0.0%	0.0% #4A9A8C	RGB 74 154 140	#4A9A8C
16.7%	16.7% #3C9181	RGB 60 145 129	#3C9181
33.3%	33.3% #308876	RGB 48 136 118	#308876
50.0%	50.0% #25806C	RGB 37 128 108	#25806C
66.7%	66.7% #1A7761	RGB 26 119 97	#1A7761
83.3%	83.3% #116E57	RGB 17 110 87	#116E57
100.0%	100.0% #0A664E	RGB 10 102 78	#0A664E

#4A9A8C #3C9181 #308876 #25806C #1A7761 #116E57 #0A664E

#4A9A8C - #25806C - #0A664E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A9A8C 0%, #25806C 50%, #0A664E 100%);
    background: -webkit-linear-gradient(top, #4A9A8C 0%, #25806C 50%, #0A664E 100%);
    background: linear-gradient(to bottom, #4A9A8C 0%, #25806C 50%, #0A664E 100%);
}
</style>