#2B2D63 - #071715 | 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 #2B2D63 to #071715

#2B2D63 #071715

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

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

0.0%	0.0% #2B2D63	RGB 43 45 99	#2B2D63
16.7%	16.7% #252956	RGB 37 41 86	#252956
33.3%	33.3% #1F2549	RGB 31 37 73	#1F2549
50.0%	50.0% #19223C	RGB 25 34 60	#19223C
66.7%	66.7% #131E2F	RGB 19 30 47	#131E2F
83.3%	83.3% #0D1A22	RGB 13 26 34	#0D1A22
100.0%	100.0% #071715	RGB 7 23 21	#071715

#2B2D63 #252956 #1F2549 #19223C #131E2F #0D1A22 #071715

#2B2D63 - #071715

HSV Blend

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

0.0%	0.0% #2B2D63	RGB 43 45 99	#2B2D63
16.7%	16.7% #232E56	RGB 35 46 86	#232E56
33.3%	33.3% #1C2E49	RGB 28 46 73	#1C2E49
50.0%	50.0% #162C3D	RGB 22 44 61	#162C3D
66.7%	66.7% #102830	RGB 16 40 48	#102830
83.3%	83.3% #0B2223	RGB 11 34 35	#0B2223
100.0%	100.0% #071715	RGB 7 23 21	#071715

#2B2D63 #232E56 #1C2E49 #162C3D #102830 #0B2223 #071715

#2B2D63 - #162C3D - #071715

CSS codes

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

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