#3D9A8F - #04674F | 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 #3D9A8F to #04674F

#3D9A8F #04674F

Calculate the color between two colors, #3D9A8F and #04674F. 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)

#3D9A8F - #04674F | 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 #3D9A8F as 0% and #04674F as 100%.

0.0%	0.0% #3D9A8F	RGB 61 154 143	#3D9A8F
16.7%	16.7% #339184	RGB 51 145 132	#339184
33.3%	33.3% #2A8979	RGB 42 137 121	#2A8979
50.0%	50.0% #20806F	RGB 32 128 111	#20806F
66.7%	66.7% #177864	RGB 23 120 100	#177864
83.3%	83.3% #0D6F59	RGB 13 111 89	#0D6F59
100.0%	100.0% #04674F	RGB 4 103 79	#04674F

#3D9A8F #339184 #2A8979 #20806F #177864 #0D6F59 #04674F

#3D9A8F - #04674F

HSV Blend

#3D9A8F - #04674F | 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 #3D9A8F as 0% and #04674F as 100%.

0.0%	0.0% #3D9A8F	RGB 61 154 143	#3D9A8F
16.7%	16.7% #309184	RGB 48 145 132	#309184
33.3%	33.3% #258979	RGB 37 137 121	#258979
50.0%	50.0% #1B806E	RGB 27 128 110	#1B806E
66.7%	66.7% #127863	RGB 18 120 99	#127863
83.3%	83.3% #0A6F59	RGB 10 111 89	#0A6F59
100.0%	100.0% #04674F	RGB 4 103 79	#04674F

#3D9A8F #309184 #258979 #1B806E #127863 #0A6F59 #04674F

#3D9A8F - #1B806E - #04674F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D9A8F 0%, #1B806E 50%, #04674F 100%);
    background: -webkit-linear-gradient(top, #3D9A8F 0%, #1B806E 50%, #04674F 100%);
    background: linear-gradient(to bottom, #3D9A8F 0%, #1B806E 50%, #04674F 100%);
}
</style>