#003925 - #001817 | 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 #003925 to #001817

#003925 #001817

Calculate the color between two colors, #003925 and #001817. 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)

#003925 - #001817 | 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 #003925 as 0% and #001817 as 100%.

0.0%	0.0% #003925	RGB 0 57 37	#003925
16.7%	16.7% #003322	RGB 0 51 34	#003322
33.3%	33.3% #002E20	RGB 0 46 32	#002E20
50.0%	50.0% #00281E	RGB 0 40 30	#00281E
66.7%	66.7% #00231B	RGB 0 35 27	#00231B
83.3%	83.3% #001D19	RGB 0 29 25	#001D19
100.0%	100.0% #001817	RGB 0 24 23	#001817

#003925 #003322 #002E20 #00281E #00231B #001D19 #001817

#003925 - #001817

HSV Blend

#003925 - #001817 | 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 #003925 as 0% and #001817 as 100%.

0.0%	0.0% #003924	RGB 0 57 36	#003924
16.7%	16.7% #003324	RGB 0 51 36	#003324
33.3%	33.3% #002E22	RGB 0 46 34	#002E22
50.0%	50.0% #002820	RGB 0 40 32	#002820
66.7%	66.7% #00231D	RGB 0 35 29	#00231D
83.3%	83.3% #001D1A	RGB 0 29 26	#001D1A
100.0%	100.0% #001817	RGB 0 24 23	#001817

#003924 #003324 #002E22 #002820 #00231D #001D1A #001817

#003925 - #002820 - #001817

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003924 0%, #002820 50%, #001817 100%);
    background: -webkit-linear-gradient(top, #003924 0%, #002820 50%, #001817 100%);
    background: linear-gradient(to bottom, #003924 0%, #002820 50%, #001817 100%);
}
</style>