#4A8B8C - #273E40 | 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 #4A8B8C to #273E40

#4A8B8C #273E40

Calculate the color between two colors, #4A8B8C and #273E40. 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)

#4A8B8C - #273E40 | 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 #4A8B8C as 0% and #273E40 as 100%.

0.0%	0.0% #4A8B8C	RGB 74 139 140	#4A8B8C
16.7%	16.7% #447E7F	RGB 68 126 127	#447E7F
33.3%	33.3% #3E7172	RGB 62 113 114	#3E7172
50.0%	50.0% #386466	RGB 56 100 102	#386466
66.7%	66.7% #325759	RGB 50 87 89	#325759
83.3%	83.3% #2C4A4C	RGB 44 74 76	#2C4A4C
100.0%	100.0% #273E40	RGB 39 62 64	#273E40

#4A8B8C #447E7F #3E7172 #386466 #325759 #2C4A4C #273E40

#4A8B8C - #273E40

HSV Blend

#4A8B8C - #273E40 | 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 #4A8B8C as 0% and #273E40 as 100%.

0.0%	0.0% #4A8B8C	RGB 74 139 140	#4A8B8C
16.7%	16.7% #457D7F	RGB 69 125 127	#457D7F
33.3%	33.3% #3F7072	RGB 63 112 114	#3F7072
50.0%	50.0% #3A6366	RGB 58 99 102	#3A6366
66.7%	66.7% #345759	RGB 52 87 89	#345759
83.3%	83.3% #2D4A4C	RGB 45 74 76	#2D4A4C
100.0%	100.0% #273E40	RGB 39 62 64	#273E40

#4A8B8C #457D7F #3F7072 #3A6366 #345759 #2D4A4C #273E40

#4A8B8C - #3A6366 - #273E40

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8B8C 0%, #3A6366 50%, #273E40 100%);
    background: -webkit-linear-gradient(top, #4A8B8C 0%, #3A6366 50%, #273E40 100%);
    background: linear-gradient(to bottom, #4A8B8C 0%, #3A6366 50%, #273E40 100%);
}
</style>