#385256 - #1C1818 | 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 #385256 to #1C1818

#385256 #1C1818

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

#385256 - #1C1818 | 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 #385256 as 0% and #1C1818 as 100%.

0.0%	0.0% #385256	RGB 56 82 86	#385256
16.7%	16.7% #33484B	RGB 51 72 75	#33484B
33.3%	33.3% #2E3E41	RGB 46 62 65	#2E3E41
50.0%	50.0% #2A3537	RGB 42 53 55	#2A3537
66.7%	66.7% #252B2C	RGB 37 43 44	#252B2C
83.3%	83.3% #202122	RGB 32 33 34	#202122
100.0%	100.0% #1C1818	RGB 28 24 24	#1C1818

#385256 #33484B #2E3E41 #2A3537 #252B2C #202122 #1C1818

#385256 - #1C1818

HSV Blend

#385256 - #1C1818 | 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 #385256 as 0% and #1C1818 as 100%.

0.0%	0.0% #385256	RGB 56 82 86	#385256
16.7%	16.7% #343D4C	RGB 52 61 76	#343D4C
33.3%	33.3% #312F42	RGB 49 47 66	#312F42
50.0%	50.0% #322A39	RGB 50 42 57	#322A39
66.7%	66.7% #2F252E	RGB 47 37 46	#2F252E
83.3%	83.3% #251E22	RGB 37 30 34	#251E22
100.0%	100.0% #1C1818	RGB 28 24 24	#1C1818

#385256 #343D4C #312F42 #322A39 #2F252E #251E22 #1C1818

#385256 - #322A39 - #1C1818

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #385256 0%, #322A39 50%, #1C1818 100%);
    background: -webkit-linear-gradient(top, #385256 0%, #322A39 50%, #1C1818 100%);
    background: linear-gradient(to bottom, #385256 0%, #322A39 50%, #1C1818 100%);
}
</style>