#3F8183 - #074F5E | 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 #3F8183 to #074F5E

#3F8183 #074F5E

Calculate the color between two colors, #3F8183 and #074F5E. 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)

#3F8183 - #074F5E | 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 #3F8183 as 0% and #074F5E as 100%.

0.0%	0.0% #3F8183	RGB 63 129 131	#3F8183
16.7%	16.7% #35787C	RGB 53 120 124	#35787C
33.3%	33.3% #2C7076	RGB 44 112 118	#2C7076
50.0%	50.0% #236870	RGB 35 104 112	#236870
66.7%	66.7% #195F6A	RGB 25 95 106	#195F6A
83.3%	83.3% #105764	RGB 16 87 100	#105764
100.0%	100.0% #074F5E	RGB 7 79 94	#074F5E

#3F8183 #35787C #2C7076 #236870 #195F6A #105764 #074F5E

#3F8183 - #074F5E

HSV Blend

#3F8183 - #074F5E | 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 #3F8183 as 0% and #074F5E as 100%.

0.0%	0.0% #3F8183	RGB 63 129 131	#3F8183
16.7%	16.7% #33787C	RGB 51 120 124	#33787C
33.3%	33.3% #287076	RGB 40 112 118	#287076
50.0%	50.0% #1F6870	RGB 31 104 112	#1F6870
66.7%	66.7% #165F6A	RGB 22 95 106	#165F6A
83.3%	83.3% #0E5764	RGB 14 87 100	#0E5764
100.0%	100.0% #074F5E	RGB 7 79 94	#074F5E

#3F8183 #33787C #287076 #1F6870 #165F6A #0E5764 #074F5E

#3F8183 - #1F6870 - #074F5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F8183 0%, #1F6870 50%, #074F5E 100%);
    background: -webkit-linear-gradient(top, #3F8183 0%, #1F6870 50%, #074F5E 100%);
    background: linear-gradient(to bottom, #3F8183 0%, #1F6870 50%, #074F5E 100%);
}
</style>