#3F9C9C - #016B5B | 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 #3F9C9C to #016B5B

#3F9C9C #016B5B

Calculate the color between two colors, #3F9C9C and #016B5B. 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)

#3F9C9C - #016B5B | 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 #3F9C9C as 0% and #016B5B as 100%.

0.0%	0.0% #3F9C9C	RGB 63 156 156	#3F9C9C
16.7%	16.7% #349391	RGB 52 147 145	#349391
33.3%	33.3% #2A8B86	RGB 42 139 134	#2A8B86
50.0%	50.0% #20837B	RGB 32 131 123	#20837B
66.7%	66.7% #157B70	RGB 21 123 112	#157B70
83.3%	83.3% #0B7365	RGB 11 115 101	#0B7365
100.0%	100.0% #016B5B	RGB 1 107 91	#016B5B

#3F9C9C #349391 #2A8B86 #20837B #157B70 #0B7365 #016B5B

#3F9C9C - #016B5B

HSV Blend

#3F9C9C - #016B5B | 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 #3F9C9C as 0% and #016B5B as 100%.

0.0%	0.0% #3F9C9C	RGB 63 156 156	#3F9C9C
16.7%	16.7% #319391	RGB 49 147 145	#319391
33.3%	33.3% #268B86	RGB 38 139 134	#268B86
50.0%	50.0% #1B837B	RGB 27 131 123	#1B837B
66.7%	66.7% #117B70	RGB 17 123 112	#117B70
83.3%	83.3% #087365	RGB 8 115 101	#087365
100.0%	100.0% #016B5B	RGB 1 107 91	#016B5B

#3F9C9C #319391 #268B86 #1B837B #117B70 #087365 #016B5B

#3F9C9C - #1B837B - #016B5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3F9C9C 0%, #1B837B 50%, #016B5B 100%);
    background: -webkit-linear-gradient(top, #3F9C9C 0%, #1B837B 50%, #016B5B 100%);
    background: linear-gradient(to bottom, #3F9C9C 0%, #1B837B 50%, #016B5B 100%);
}
</style>