#4B8C8C - #085C4B | 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 #4B8C8C to #085C4B

#4B8C8C #085C4B

Calculate the color between two colors, #4B8C8C and #085C4B. 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)

#4B8C8C - #085C4B | 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 #4B8C8C as 0% and #085C4B as 100%.

0.0%	0.0% #4B8C8C	RGB 75 140 140	#4B8C8C
16.7%	16.7% #3F8481	RGB 63 132 129	#3F8481
33.3%	33.3% #347C76	RGB 52 124 118	#347C76
50.0%	50.0% #29746B	RGB 41 116 107	#29746B
66.7%	66.7% #1E6C60	RGB 30 108 96	#1E6C60
83.3%	83.3% #136455	RGB 19 100 85	#136455
100.0%	100.0% #085C4B	RGB 8 92 75	#085C4B

#4B8C8C #3F8481 #347C76 #29746B #1E6C60 #136455 #085C4B

#4B8C8C - #085C4B

HSV Blend

#4B8C8C - #085C4B | 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 #4B8C8C as 0% and #085C4B as 100%.

0.0%	0.0% #4B8C8C	RGB 75 140 140	#4B8C8C
16.7%	16.7% #3C8481	RGB 60 132 129	#3C8481
33.3%	33.3% #2F7C76	RGB 47 124 118	#2F7C76
50.0%	50.0% #24746B	RGB 36 116 107	#24746B
66.7%	66.7% #196C60	RGB 25 108 96	#196C60
83.3%	83.3% #106455	RGB 16 100 85	#106455
100.0%	100.0% #085C4B	RGB 8 92 75	#085C4B

#4B8C8C #3C8481 #2F7C76 #24746B #196C60 #106455 #085C4B

#4B8C8C - #24746B - #085C4B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B8C8C 0%, #24746B 50%, #085C4B 100%);
    background: -webkit-linear-gradient(top, #4B8C8C 0%, #24746B 50%, #085C4B 100%);
    background: linear-gradient(to bottom, #4B8C8C 0%, #24746B 50%, #085C4B 100%);
}
</style>