#3C5E70 - #1C2325 | 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 #3C5E70 to #1C2325

#3C5E70 #1C2325

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

#3C5E70 - #1C2325 | 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 #3C5E70 as 0% and #1C2325 as 100%.

0.0%	0.0% #3C5E70	RGB 60 94 112	#3C5E70
16.7%	16.7% #365463	RGB 54 84 99	#365463
33.3%	33.3% #314A57	RGB 49 74 87	#314A57
50.0%	50.0% #2C404A	RGB 44 64 74	#2C404A
66.7%	66.7% #26363E	RGB 38 54 62	#26363E
83.3%	83.3% #212C31	RGB 33 44 49	#212C31
100.0%	100.0% #1C2325	RGB 28 35 37	#1C2325

#3C5E70 #365463 #314A57 #2C404A #26363E #212C31 #1C2325

#3C5E70 - #1C2325

HSV Blend

#3C5E70 - #1C2325 | 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 #3C5E70 as 0% and #1C2325 as 100%.

0.0%	0.0% #3C5D70	RGB 60 93 112	#3C5D70
16.7%	16.7% #385563	RGB 56 85 99	#385563
33.3%	33.3% #354C57	RGB 53 76 87	#354C57
50.0%	50.0% #30434A	RGB 48 67 74	#30434A
66.7%	66.7% #2A383E	RGB 42 56 62	#2A383E
83.3%	83.3% #232E31	RGB 35 46 49	#232E31
100.0%	100.0% #1C2325	RGB 28 35 37	#1C2325

#3C5D70 #385563 #354C57 #30434A #2A383E #232E31 #1C2325

#3C5E70 - #30434A - #1C2325

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5D70 0%, #30434A 50%, #1C2325 100%);
    background: -webkit-linear-gradient(top, #3C5D70 0%, #30434A 50%, #1C2325 100%);
    background: linear-gradient(to bottom, #3C5D70 0%, #30434A 50%, #1C2325 100%);
}
</style>