#2D3E65 - #1E201E | 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 #2D3E65 to #1E201E

#2D3E65 #1E201E

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

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

0.0%	0.0% #2D3E65	RGB 45 62 101	#2D3E65
16.7%	16.7% #2A3959	RGB 42 57 89	#2A3959
33.3%	33.3% #28344D	RGB 40 52 77	#28344D
50.0%	50.0% #252F41	RGB 37 47 65	#252F41
66.7%	66.7% #232A35	RGB 35 42 53	#232A35
83.3%	83.3% #202529	RGB 32 37 41	#202529
100.0%	100.0% #1E201E	RGB 30 32 30	#1E201E

#2D3E65 #2A3959 #28344D #252F41 #232A35 #202529 #1E201E

#2D3E65 - #1E201E

HSV Blend

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

0.0%	0.0% #2D3E65	RGB 45 62 101	#2D3E65
16.7%	16.7% #2F4859	RGB 47 72 89	#2F4859
33.3%	33.3% #2F4A4E	RGB 47 74 78	#2F4A4E
50.0%	50.0% #2D423F	RGB 45 66 63	#2D423F
66.7%	66.7% #2A3731	RGB 42 55 49	#2A3731
83.3%	83.3% #252B26	RGB 37 43 38	#252B26
100.0%	100.0% #1E201E	RGB 30 32 30	#1E201E

#2D3E65 #2F4859 #2F4A4E #2D423F #2A3731 #252B26 #1E201E

#2D3E65 - #2D423F - #1E201E

CSS codes

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

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