#3B5E4C - #064D37 | 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 #3B5E4C to #064D37

#3B5E4C #064D37

Calculate the color between two colors, #3B5E4C and #064D37. 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)

#3B5E4C - #064D37 | 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 #3B5E4C as 0% and #064D37 as 100%.

0.0%	0.0% #3B5E4C	RGB 59 94 76	#3B5E4C
16.7%	16.7% #325B48	RGB 50 91 72	#325B48
33.3%	33.3% #295845	RGB 41 88 69	#295845
50.0%	50.0% #205541	RGB 32 85 65	#205541
66.7%	66.7% #17523E	RGB 23 82 62	#17523E
83.3%	83.3% #0E4F3A	RGB 14 79 58	#0E4F3A
100.0%	100.0% #064D37	RGB 6 77 55	#064D37

#3B5E4C #325B48 #295845 #205541 #17523E #0E4F3A #064D37

#3B5E4C - #064D37

HSV Blend

#3B5E4C - #064D37 | 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 #3B5E4C as 0% and #064D37 as 100%.

0.0%	0.0% #3B5E4C	RGB 59 94 76	#3B5E4C
16.7%	16.7% #305B46	RGB 48 91 70	#305B46
33.3%	33.3% #275842	RGB 39 88 66	#275842
50.0%	50.0% #1E553E	RGB 30 85 62	#1E553E
66.7%	66.7% #15523B	RGB 21 82 59	#15523B
83.3%	83.3% #0D4F39	RGB 13 79 57	#0D4F39
100.0%	100.0% #064D37	RGB 6 77 55	#064D37

#3B5E4C #305B46 #275842 #1E553E #15523B #0D4F39 #064D37

#3B5E4C - #1E553E - #064D37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E4C 0%, #1E553E 50%, #064D37 100%);
    background: -webkit-linear-gradient(top, #3B5E4C 0%, #1E553E 50%, #064D37 100%);
    background: linear-gradient(to bottom, #3B5E4C 0%, #1E553E 50%, #064D37 100%);
}
</style>