#2E3C5E - #1B061D | 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 #2E3C5E to #1B061D

#2E3C5E #1B061D

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

#2E3C5E - #1B061D | 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 #2E3C5E as 0% and #1B061D as 100%.

0.0%	0.0% #2E3C5E	RGB 46 60 94	#2E3C5E
16.7%	16.7% #2A3353	RGB 42 51 83	#2A3353
33.3%	33.3% #272A48	RGB 39 42 72	#272A48
50.0%	50.0% #24213D	RGB 36 33 61	#24213D
66.7%	66.7% #211832	RGB 33 24 50	#211832
83.3%	83.3% #1E0F27	RGB 30 15 39	#1E0F27
100.0%	100.0% #1B061D	RGB 27 6 29	#1B061D

#2E3C5E #2A3353 #272A48 #24213D #211832 #1E0F27 #1B061D

#2E3C5E - #1B061D

HSV Blend

#2E3C5E - #1B061D | 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 #2E3C5E as 0% and #1B061D as 100%.

0.0%	0.0% #2E3C5E	RGB 46 60 94	#2E3C5E
16.7%	16.7% #242853	RGB 36 40 83	#242853
33.3%	33.3% #211C48	RGB 33 28 72	#211C48
50.0%	50.0% #21153D	RGB 33 21 61	#21153D
66.7%	66.7% #210F32	RGB 33 15 50	#210F32
83.3%	83.3% #1F0A27	RGB 31 10 39	#1F0A27
100.0%	100.0% #1B061D	RGB 27 6 29	#1B061D

#2E3C5E #242853 #211C48 #21153D #210F32 #1F0A27 #1B061D

#2E3C5E - #21153D - #1B061D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3C5E 0%, #21153D 50%, #1B061D 100%);
    background: -webkit-linear-gradient(top, #2E3C5E 0%, #21153D 50%, #1B061D 100%);
    background: linear-gradient(to bottom, #2E3C5E 0%, #21153D 50%, #1B061D 100%);
}
</style>