#3A5655 - #003424 | 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 #3A5655 to #003424

#3A5655 #003424

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

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

0.0%	0.0% #3A5655	RGB 58 86 85	#3A5655
16.7%	16.7% #30504C	RGB 48 80 76	#30504C
33.3%	33.3% #264A44	RGB 38 74 68	#264A44
50.0%	50.0% #1D453C	RGB 29 69 60	#1D453C
66.7%	66.7% #133F34	RGB 19 63 52	#133F34
83.3%	83.3% #09392C	RGB 9 57 44	#09392C
100.0%	100.0% #003424	RGB 0 52 36	#003424

#3A5655 #30504C #264A44 #1D453C #133F34 #09392C #003424

#3A5655 - #003424

HSV Blend

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

0.0%	0.0% #3A5655	RGB 58 86 85	#3A5655
16.7%	16.7% #2D504D	RGB 45 80 77	#2D504D
33.3%	33.3% #214A45	RGB 33 74 69	#214A45
50.0%	50.0% #17453D	RGB 23 69 61	#17453D
66.7%	66.7% #0E3F34	RGB 14 63 52	#0E3F34
83.3%	83.3% #06392C	RGB 6 57 44	#06392C
100.0%	100.0% #003424	RGB 0 52 36	#003424

#3A5655 #2D504D #214A45 #17453D #0E3F34 #06392C #003424

#3A5655 - #17453D - #003424

CSS codes

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

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