#04484B - #6C9F93 | 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 #04484B to #6C9F93

#04484B #6C9F93

Calculate the color between two colors, #04484B and #6C9F93. 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)

#04484B - #6C9F93 | 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 #04484B as 0% and #6C9F93 as 100%.

0.0%	0.0% #04484B	RGB 4 72 75	#04484B
16.7%	16.7% #155657	RGB 21 86 87	#155657
33.3%	33.3% #266563	RGB 38 101 99	#266563
50.0%	50.0% #38736F	RGB 56 115 111	#38736F
66.7%	66.7% #49827B	RGB 73 130 123	#49827B
83.3%	83.3% #5A9087	RGB 90 144 135	#5A9087
100.0%	100.0% #6C9F93	RGB 108 159 147	#6C9F93

#04484B #155657 #266563 #38736F #49827B #5A9087 #6C9F93

#04484B - #6C9F93

HSV Blend

#04484B - #6C9F93 | 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 #04484B as 0% and #6C9F93 as 100%.

0.0%	0.0% #04484B	RGB 4 72 75	#04484B
16.7%	16.7% #0E5958	RGB 14 89 88	#0E5958
33.3%	33.3% #1A6763	RGB 26 103 99	#1A6763
50.0%	50.0% #2A756D	RGB 42 117 109	#2A756D
66.7%	66.7% #3D8379	RGB 61 131 121	#3D8379
83.3%	83.3% #539185	RGB 83 145 133	#539185
100.0%	100.0% #6C9F93	RGB 108 159 147	#6C9F93

#04484B #0E5958 #1A6763 #2A756D #3D8379 #539185 #6C9F93

#04484B - #2A756D - #6C9F93

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #04484B 0%, #2A756D 50%, #6C9F93 100%);
    background: -webkit-linear-gradient(top, #04484B 0%, #2A756D 50%, #6C9F93 100%);
    background: linear-gradient(to bottom, #04484B 0%, #2A756D 50%, #6C9F93 100%);
}
</style>