#2D3E6B - #0F191B | 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 #2D3E6B to #0F191B

#2D3E6B #0F191B

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

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

0.0%	0.0% #2D3E6B	RGB 45 62 107	#2D3E6B
16.7%	16.7% #28375D	RGB 40 55 93	#28375D
33.3%	33.3% #233150	RGB 35 49 80	#233150
50.0%	50.0% #1E2B43	RGB 30 43 67	#1E2B43
66.7%	66.7% #192535	RGB 25 37 53	#192535
83.3%	83.3% #141F28	RGB 20 31 40	#141F28
100.0%	100.0% #0F191B	RGB 15 25 27	#0F191B

#2D3E6B #28375D #233150 #1E2B43 #192535 #141F28 #0F191B

#2D3E6B - #0F191B

HSV Blend

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

0.0%	0.0% #2D3E6B	RGB 45 62 107	#2D3E6B
16.7%	16.7% #293C5D	RGB 41 60 93	#293C5D
33.3%	33.3% #253950	RGB 37 57 80	#253950
50.0%	50.0% #203343	RGB 32 51 67	#203343
66.7%	66.7% #1B2C35	RGB 27 44 53	#1B2C35
83.3%	83.3% #152328	RGB 21 35 40	#152328
100.0%	100.0% #0F191B	RGB 15 25 27	#0F191B

#2D3E6B #293C5D #253950 #203343 #1B2C35 #152328 #0F191B

#2D3E6B - #203343 - #0F191B

CSS codes

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

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