#3C7B96 - #005865 | 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 #3C7B96 to #005865

#3C7B96 #005865

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

#3C7B96 - #005865 | 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 #3C7B96 as 0% and #005865 as 100%.

0.0%	0.0% #3C7B96	RGB 60 123 150	#3C7B96
16.7%	16.7% #32758D	RGB 50 117 141	#32758D
33.3%	33.3% #286F85	RGB 40 111 133	#286F85
50.0%	50.0% #1E697D	RGB 30 105 125	#1E697D
66.7%	66.7% #146375	RGB 20 99 117	#146375
83.3%	83.3% #0A5D6D	RGB 10 93 109	#0A5D6D
100.0%	100.0% #005865	RGB 0 88 101	#005865

#3C7B96 #32758D #286F85 #1E697D #146375 #0A5D6D #005865

#3C7B96 - #005865

HSV Blend

#3C7B96 - #005865 | 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 #3C7B96 as 0% and #005865 as 100%.

0.0%	0.0% #3C7B96	RGB 60 123 150	#3C7B96
16.7%	16.7% #2F748D	RGB 47 116 141	#2F748D
33.3%	33.3% #236D85	RGB 35 109 133	#236D85
50.0%	50.0% #19677D	RGB 25 103 125	#19677D
66.7%	66.7% #0F6275	RGB 15 98 117	#0F6275
83.3%	83.3% #075D6D	RGB 7 93 109	#075D6D
100.0%	100.0% #005865	RGB 0 88 101	#005865

#3C7B96 #2F748D #236D85 #19677D #0F6275 #075D6D #005865

#3C7B96 - #19677D - #005865

CSS codes

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

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