#4D9AAB - #074D6B | 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 #4D9AAB to #074D6B

#4D9AAB #074D6B

Calculate the color between two colors, #4D9AAB and #074D6B. 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)

#4D9AAB - #074D6B | 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 #4D9AAB as 0% and #074D6B as 100%.

0.0%	0.0% #4D9AAB	RGB 77 154 171	#4D9AAB
16.7%	16.7% #418DA0	RGB 65 141 160	#418DA0
33.3%	33.3% #358095	RGB 53 128 149	#358095
50.0%	50.0% #2A738B	RGB 42 115 139	#2A738B
66.7%	66.7% #1E6680	RGB 30 102 128	#1E6680
83.3%	83.3% #125975	RGB 18 89 117	#125975
100.0%	100.0% #074D6B	RGB 7 77 107	#074D6B

#4D9AAB #418DA0 #358095 #2A738B #1E6680 #125975 #074D6B

#4D9AAB - #074D6B

HSV Blend

#4D9AAB - #074D6B | 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 #4D9AAB as 0% and #074D6B as 100%.

0.0%	0.0% #4D9AAB	RGB 77 154 171	#4D9AAB
16.7%	16.7% #3D8CA0	RGB 61 140 160	#3D8CA0
33.3%	33.3% #307F95	RGB 48 127 149	#307F95
50.0%	50.0% #23728B	RGB 35 114 139	#23728B
66.7%	66.7% #186580	RGB 24 101 128	#186580
83.3%	83.3% #0F5875	RGB 15 88 117	#0F5875
100.0%	100.0% #074D6B	RGB 7 77 107	#074D6B

#4D9AAB #3D8CA0 #307F95 #23728B #186580 #0F5875 #074D6B

#4D9AAB - #23728B - #074D6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D9AAB 0%, #23728B 50%, #074D6B 100%);
    background: -webkit-linear-gradient(top, #4D9AAB 0%, #23728B 50%, #074D6B 100%);
    background: linear-gradient(to bottom, #4D9AAB 0%, #23728B 50%, #074D6B 100%);
}
</style>