#487B7B - #074E3C | 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 #487B7B to #074E3C

#487B7B #074E3C

Calculate the color between two colors, #487B7B and #074E3C. 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)

#487B7B - #074E3C | 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 #487B7B as 0% and #074E3C as 100%.

0.0%	0.0% #487B7B	RGB 72 123 123	#487B7B
16.7%	16.7% #3D7370	RGB 61 115 112	#3D7370
33.3%	33.3% #326C66	RGB 50 108 102	#326C66
50.0%	50.0% #27645B	RGB 39 100 91	#27645B
66.7%	66.7% #1C5D51	RGB 28 93 81	#1C5D51
83.3%	83.3% #115546	RGB 17 85 70	#115546
100.0%	100.0% #074E3C	RGB 7 78 60	#074E3C

#487B7B #3D7370 #326C66 #27645B #1C5D51 #115546 #074E3C

#487B7B - #074E3C

HSV Blend

#487B7B - #074E3C | 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 #487B7B as 0% and #074E3C as 100%.

0.0%	0.0% #487B7B	RGB 72 123 123	#487B7B
16.7%	16.7% #3A7371	RGB 58 115 113	#3A7371
33.3%	33.3% #2D6C66	RGB 45 108 102	#2D6C66
50.0%	50.0% #21645C	RGB 33 100 92	#21645C
66.7%	66.7% #175D51	RGB 23 93 81	#175D51
83.3%	83.3% #0E5546	RGB 14 85 70	#0E5546
100.0%	100.0% #074E3C	RGB 7 78 60	#074E3C

#487B7B #3A7371 #2D6C66 #21645C #175D51 #0E5546 #074E3C

#487B7B - #21645C - #074E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #487B7B 0%, #21645C 50%, #074E3C 100%);
    background: -webkit-linear-gradient(top, #487B7B 0%, #21645C 50%, #074E3C 100%);
    background: linear-gradient(to bottom, #487B7B 0%, #21645C 50%, #074E3C 100%);
}
</style>