#4A8C80 - #92D17B | 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 #4A8C80 to #92D17B

#4A8C80 #92D17B

Calculate the color between two colors, #4A8C80 and #92D17B. 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)

#4A8C80 - #92D17B | 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 #4A8C80 as 0% and #92D17B as 100%.

0.0%	0.0% #4A8C80	RGB 74 140 128	#4A8C80
16.7%	16.7% #56977F	RGB 86 151 127	#56977F
33.3%	33.3% #62A37E	RGB 98 163 126	#62A37E
50.0%	50.0% #6EAE7D	RGB 110 174 125	#6EAE7D
66.7%	66.7% #7ABA7C	RGB 122 186 124	#7ABA7C
83.3%	83.3% #86C57B	RGB 134 197 123	#86C57B
100.0%	100.0% #92D17B	RGB 146 209 123	#92D17B

#4A8C80 #56977F #62A37E #6EAE7D #7ABA7C #86C57B #92D17B

#4A8C80 - #92D17B

HSV Blend

#4A8C80 - #92D17B | 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 #4A8C80 as 0% and #92D17B as 100%.

0.0%	0.0% #4A8C80	RGB 74 140 128	#4A8C80
16.7%	16.7% #51977E	RGB 81 151 126	#51977E
33.3%	33.3% #59A37A	RGB 89 163 122	#59A37A
50.0%	50.0% #61AE76	RGB 97 174 118	#61AE76
66.7%	66.7% #69BA71	RGB 105 186 113	#69BA71
83.3%	83.3% #79C572	RGB 121 197 114	#79C572
100.0%	100.0% #92D17B	RGB 146 209 123	#92D17B

#4A8C80 #51977E #59A37A #61AE76 #69BA71 #79C572 #92D17B

#4A8C80 - #61AE76 - #92D17B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8C80 0%, #61AE76 50%, #92D17B 100%);
    background: -webkit-linear-gradient(top, #4A8C80 0%, #61AE76 50%, #92D17B 100%);
    background: linear-gradient(to bottom, #4A8C80 0%, #61AE76 50%, #92D17B 100%);
}
</style>