#3C676B - #063E52 | 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 #3C676B to #063E52

#3C676B #063E52

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

#3C676B - #063E52 | 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 #3C676B as 0% and #063E52 as 100%.

0.0%	0.0% #3C676B	RGB 60 103 107	#3C676B
16.7%	16.7% #336066	RGB 51 96 102	#336066
33.3%	33.3% #2A5962	RGB 42 89 98	#2A5962
50.0%	50.0% #21525E	RGB 33 82 94	#21525E
66.7%	66.7% #184B5A	RGB 24 75 90	#184B5A
83.3%	83.3% #0F4456	RGB 15 68 86	#0F4456
100.0%	100.0% #063E52	RGB 6 62 82	#063E52

#3C676B #336066 #2A5962 #21525E #184B5A #0F4456 #063E52

#3C676B - #063E52

HSV Blend

#3C676B - #063E52 | 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 #3C676B as 0% and #063E52 as 100%.

0.0%	0.0% #3C676B	RGB 60 103 107	#3C676B
16.7%	16.7% #316066	RGB 49 96 102	#316066
33.3%	33.3% #275A62	RGB 39 90 98	#275A62
50.0%	50.0% #1D535E	RGB 29 83 94	#1D535E
66.7%	66.7% #154C5A	RGB 21 76 90	#154C5A
83.3%	83.3% #0D4556	RGB 13 69 86	#0D4556
100.0%	100.0% #063E52	RGB 6 62 82	#063E52

#3C676B #316066 #275A62 #1D535E #154C5A #0D4556 #063E52

#3C676B - #1D535E - #063E52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C676B 0%, #1D535E 50%, #063E52 100%);
    background: -webkit-linear-gradient(top, #3C676B 0%, #1D535E 50%, #063E52 100%);
    background: linear-gradient(to bottom, #3C676B 0%, #1D535E 50%, #063E52 100%);
}
</style>