#074D4D - #50A07B | 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 #074D4D to #50A07B

#074D4D #50A07B

Calculate the color between two colors, #074D4D and #50A07B. 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)

#074D4D - #50A07B | 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 #074D4D as 0% and #50A07B as 100%.

0.0%	0.0% #074D4D	RGB 7 77 77	#074D4D
16.7%	16.7% #135A54	RGB 19 90 84	#135A54
33.3%	33.3% #1F685C	RGB 31 104 92	#1F685C
50.0%	50.0% #2B7664	RGB 43 118 100	#2B7664
66.7%	66.7% #37846B	RGB 55 132 107	#37846B
83.3%	83.3% #439273	RGB 67 146 115	#439273
100.0%	100.0% #50A07B	RGB 80 160 123	#50A07B

#074D4D #135A54 #1F685C #2B7664 #37846B #439273 #50A07B

#074D4D - #50A07B

HSV Blend

#074D4D - #50A07B | 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 #074D4D as 0% and #50A07B as 100%.

0.0%	0.0% #074D4D	RGB 7 77 77	#074D4D
16.7%	16.7% #0E5A54	RGB 14 90 84	#0E5A54
33.3%	33.3% #17685C	RGB 23 104 92	#17685C
50.0%	50.0% #237663	RGB 35 118 99	#237663
66.7%	66.7% #30846A	RGB 48 132 106	#30846A
83.3%	83.3% #3F9272	RGB 63 146 114	#3F9272
100.0%	100.0% #50A07B	RGB 80 160 123	#50A07B

#074D4D #0E5A54 #17685C #237663 #30846A #3F9272 #50A07B

#074D4D - #237663 - #50A07B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #074D4D 0%, #237663 50%, #50A07B 100%);
    background: -webkit-linear-gradient(top, #074D4D 0%, #237663 50%, #50A07B 100%);
    background: linear-gradient(to bottom, #074D4D 0%, #237663 50%, #50A07B 100%);
}
</style>