#2E2F5E - #061715 | 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 #2E2F5E to #061715

#2E2F5E #061715

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

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

0.0%	0.0% #2E2F5E	RGB 46 47 94	#2E2F5E
16.7%	16.7% #272B51	RGB 39 43 81	#272B51
33.3%	33.3% #202745	RGB 32 39 69	#202745
50.0%	50.0% #1A2339	RGB 26 35 57	#1A2339
66.7%	66.7% #131F2D	RGB 19 31 45	#131F2D
83.3%	83.3% #0C1B21	RGB 12 27 33	#0C1B21
100.0%	100.0% #061715	RGB 6 23 21	#061715

#2E2F5E #272B51 #202745 #1A2339 #131F2D #0C1B21 #061715

#2E2F5E - #061715

HSV Blend

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

0.0%	0.0% #2E2F5E	RGB 46 47 94	#2E2F5E
16.7%	16.7% #252E52	RGB 37 46 82	#252E52
33.3%	33.3% #1D2D46	RGB 29 45 70	#1D2D46
50.0%	50.0% #152A3A	RGB 21 42 58	#152A3A
66.7%	66.7% #0F262E	RGB 15 38 46	#0F262E
83.3%	83.3% #0A2122	RGB 10 33 34	#0A2122
100.0%	100.0% #061715	RGB 6 23 21	#061715

#2E2F5E #252E52 #1D2D46 #152A3A #0F262E #0A2122 #061715

#2E2F5E - #152A3A - #061715

CSS codes

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

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