#353548 - #021911 | 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 #353548 to #021911

#353548 #021911

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

#353548 - #021911 | 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 #353548 as 0% and #021911 as 100%.

0.0%	0.0% #353548	RGB 53 53 72	#353548
16.7%	16.7% #2C303E	RGB 44 48 62	#2C303E
33.3%	33.3% #242B35	RGB 36 43 53	#242B35
50.0%	50.0% #1B272C	RGB 27 39 44	#1B272C
66.7%	66.7% #132223	RGB 19 34 35	#132223
83.3%	83.3% #0A1D1A	RGB 10 29 26	#0A1D1A
100.0%	100.0% #021911	RGB 2 25 17	#021911

#353548 #2C303E #242B35 #1B272C #132223 #0A1D1A #021911

#353548 - #021911

HSV Blend

#353548 - #021911 | 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 #353548 as 0% and #021911 as 100%.

0.0%	0.0% #353548	RGB 53 53 72	#353548
16.7%	16.7% #282D40	RGB 40 45 64	#282D40
33.3%	33.3% #1D2938	RGB 29 41 56	#1D2938
50.0%	50.0% #132730	RGB 19 39 48	#132730
66.7%	66.7% #0C2528	RGB 12 37 40	#0C2528
83.3%	83.3% #06201D	RGB 6 32 29	#06201D
100.0%	100.0% #021911	RGB 2 25 17	#021911

#353548 #282D40 #1D2938 #132730 #0C2528 #06201D #021911

#353548 - #132730 - #021911

CSS codes

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

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