#3B5E5A - #5FCEC9 | 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 #3B5E5A to #5FCEC9

#3B5E5A #5FCEC9

Calculate the color between two colors, #3B5E5A and #5FCEC9. 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)

#3B5E5A - #5FCEC9 | 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 #3B5E5A as 0% and #5FCEC9 as 100%.

0.0%	0.0% #3B5E5A	RGB 59 94 90	#3B5E5A
16.7%	16.7% #41706C	RGB 65 112 108	#41706C
33.3%	33.3% #47837F	RGB 71 131 127	#47837F
50.0%	50.0% #4D9691	RGB 77 150 145	#4D9691
66.7%	66.7% #53A8A4	RGB 83 168 164	#53A8A4
83.3%	83.3% #59BBB6	RGB 89 187 182	#59BBB6
100.0%	100.0% #5FCEC9	RGB 95 206 201	#5FCEC9

#3B5E5A #41706C #47837F #4D9691 #53A8A4 #59BBB6 #5FCEC9

#3B5E5A - #5FCEC9

HSV Blend

#3B5E5A - #5FCEC9 | 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 #3B5E5A as 0% and #5FCEC9 as 100%.

0.0%	0.0% #3B5E5A	RGB 59 94 90	#3B5E5A
16.7%	16.7% #43706C	RGB 67 112 108	#43706C
33.3%	33.3% #4B837E	RGB 75 131 126	#4B837E
50.0%	50.0% #519690	RGB 81 150 144	#519690
66.7%	66.7% #57A8A3	RGB 87 168 163	#57A8A3
83.3%	83.3% #5BBBB5	RGB 91 187 181	#5BBBB5
100.0%	100.0% #5FCEC9	RGB 95 206 201	#5FCEC9

#3B5E5A #43706C #4B837E #519690 #57A8A3 #5BBBB5 #5FCEC9

#3B5E5A - #519690 - #5FCEC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E5A 0%, #519690 50%, #5FCEC9 100%);
    background: -webkit-linear-gradient(top, #3B5E5A 0%, #519690 50%, #5FCEC9 100%);
    background: linear-gradient(to bottom, #3B5E5A 0%, #519690 50%, #5FCEC9 100%);
}
</style>