#3A6B6B - #03422F | 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 #3A6B6B to #03422F

#3A6B6B #03422F

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

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

0.0%	0.0% #3A6B6B	RGB 58 107 107	#3A6B6B
16.7%	16.7% #306461	RGB 48 100 97	#306461
33.3%	33.3% #275D57	RGB 39 93 87	#275D57
50.0%	50.0% #1E564D	RGB 30 86 77	#1E564D
66.7%	66.7% #154F43	RGB 21 79 67	#154F43
83.3%	83.3% #0C4839	RGB 12 72 57	#0C4839
100.0%	100.0% #03422F	RGB 3 66 47	#03422F

#3A6B6B #306461 #275D57 #1E564D #154F43 #0C4839 #03422F

#3A6B6B - #03422F

HSV Blend

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

0.0%	0.0% #3A6B6B	RGB 58 107 107	#3A6B6B
16.7%	16.7% #2E6461	RGB 46 100 97	#2E6461
33.3%	33.3% #235D57	RGB 35 93 87	#235D57
50.0%	50.0% #19564D	RGB 25 86 77	#19564D
66.7%	66.7% #104F43	RGB 16 79 67	#104F43
83.3%	83.3% #094838	RGB 9 72 56	#094838
100.0%	100.0% #03422F	RGB 3 66 47	#03422F

#3A6B6B #2E6461 #235D57 #19564D #104F43 #094838 #03422F

#3A6B6B - #19564D - #03422F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3A6B6B 0%, #19564D 50%, #03422F 100%);
    background: -webkit-linear-gradient(top, #3A6B6B 0%, #19564D 50%, #03422F 100%);
    background: linear-gradient(to bottom, #3A6B6B 0%, #19564D 50%, #03422F 100%);
}
</style>