#2B3E5E - #101716 | 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 #2B3E5E to #101716

#2B3E5E #101716

Calculate the color between two colors, #2B3E5E and #101716. 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)

#2B3E5E - #101716 | 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 #2B3E5E as 0% and #101716 as 100%.

0.0%	0.0% #2B3E5E	RGB 43 62 94	#2B3E5E
16.7%	16.7% #263752	RGB 38 55 82	#263752
33.3%	33.3% #223146	RGB 34 49 70	#223146
50.0%	50.0% #1D2A3A	RGB 29 42 58	#1D2A3A
66.7%	66.7% #19242E	RGB 25 36 46	#19242E
83.3%	83.3% #141D22	RGB 20 29 34	#141D22
100.0%	100.0% #101716	RGB 16 23 22	#101716

#2B3E5E #263752 #223146 #1D2A3A #19242E #141D22 #101716

#2B3E5E - #101716

HSV Blend

#2B3E5E - #101716 | 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 #2B3E5E as 0% and #101716 as 100%.

0.0%	0.0% #2B3E5E	RGB 43 62 94	#2B3E5E
16.7%	16.7% #283D52	RGB 40 61 82	#283D52
33.3%	33.3% #253A46	RGB 37 58 70	#253A46
50.0%	50.0% #21343A	RGB 33 52 58	#21343A
66.7%	66.7% #1C2C2E	RGB 28 44 46	#1C2C2E
83.3%	83.3% #162222	RGB 22 34 34	#162222
100.0%	100.0% #101716	RGB 16 23 22	#101716

#2B3E5E #283D52 #253A46 #21343A #1C2C2E #162222 #101716

#2B3E5E - #21343A - #101716

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B3E5E 0%, #21343A 50%, #101716 100%);
    background: -webkit-linear-gradient(top, #2B3E5E 0%, #21343A 50%, #101716 100%);
    background: linear-gradient(to bottom, #2B3E5E 0%, #21343A 50%, #101716 100%);
}
</style>