#353548 - #0F0F14 | 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 #0F0F14

#353548 #0F0F14

Calculate the color between two colors, #353548 and #0F0F14. 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 - #0F0F14 | 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 #0F0F14 as 100%.

0.0%	0.0% #353548	RGB 53 53 72	#353548
16.7%	16.7% #2E2E3F	RGB 46 46 63	#2E2E3F
33.3%	33.3% #282836	RGB 40 40 54	#282836
50.0%	50.0% #22222E	RGB 34 34 46	#22222E
66.7%	66.7% #1B1B25	RGB 27 27 37	#1B1B25
83.3%	83.3% #15151C	RGB 21 21 28	#15151C
100.0%	100.0% #0F0F14	RGB 15 15 20	#0F0F14

#353548 #2E2E3F #282836 #22222E #1B1B25 #15151C #0F0F14

#353548 - #0F0F14

HSV Blend

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

0.0%	0.0% #353548	RGB 53 53 72	#353548
16.7%	16.7% #2E2E3F	RGB 46 46 63	#2E2E3F
33.3%	33.3% #282836	RGB 40 40 54	#282836
50.0%	50.0% #22222E	RGB 34 34 46	#22222E
66.7%	66.7% #1B1B25	RGB 27 27 37	#1B1B25
83.3%	83.3% #15151C	RGB 21 21 28	#15151C
100.0%	100.0% #0F0F14	RGB 15 15 20	#0F0F14

#353548 #2E2E3F #282836 #22222E #1B1B25 #15151C #0F0F14

#353548 - #22222E - #0F0F14

CSS codes

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

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