#2E2E4C - #021710 | 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 #2E2E4C to #021710

#2E2E4C #021710

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

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

0.0%	0.0% #2E2E4C	RGB 46 46 76	#2E2E4C
16.7%	16.7% #262A42	RGB 38 42 66	#262A42
33.3%	33.3% #1F2638	RGB 31 38 56	#1F2638
50.0%	50.0% #18222E	RGB 24 34 46	#18222E
66.7%	66.7% #101E24	RGB 16 30 36	#101E24
83.3%	83.3% #091A1A	RGB 9 26 26	#091A1A
100.0%	100.0% #021710	RGB 2 23 16	#021710

#2E2E4C #262A42 #1F2638 #18222E #101E24 #091A1A #021710

#2E2E4C - #021710

HSV Blend

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

0.0%	0.0% #2E2E4C	RGB 46 46 76	#2E2E4C
16.7%	16.7% #222A43	RGB 34 42 67	#222A43
33.3%	33.3% #19273A	RGB 25 39 58	#19273A
50.0%	50.0% #112631	RGB 17 38 49	#112631
66.7%	66.7% #0A2528	RGB 10 37 40	#0A2528
83.3%	83.3% #051F1C	RGB 5 31 28	#051F1C
100.0%	100.0% #021710	RGB 2 23 16	#021710

#2E2E4C #222A43 #19273A #112631 #0A2528 #051F1C #021710

#2E2E4C - #112631 - #021710

CSS codes

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

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