#005280 - #1E1F21 | 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 #005280 to #1E1F21

#005280 #1E1F21

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

#005280 - #1E1F21 | 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 #005280 as 0% and #1E1F21 as 100%.

0.0%	0.0% #005280	RGB 0 82 128	#005280
16.7%	16.7% #054970	RGB 5 73 112	#054970
33.3%	33.3% #0A4160	RGB 10 65 96	#0A4160
50.0%	50.0% #0F3850	RGB 15 56 80	#0F3850
66.7%	66.7% #143040	RGB 20 48 64	#143040
83.3%	83.3% #192730	RGB 25 39 48	#192730
100.0%	100.0% #1E1F21	RGB 30 31 33	#1E1F21

#005280 #054970 #0A4160 #0F3850 #143040 #192730 #1E1F21

#005280 - #1E1F21

HSV Blend

#005280 - #1E1F21 | 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 #005280 as 0% and #1E1F21 as 100%.

0.0%	0.0% #005280	RGB 0 82 128	#005280
16.7%	16.7% #104970	RGB 16 73 112	#104970
33.3%	33.3% #1D4160	RGB 29 65 96	#1D4160
50.0%	50.0% #243950	RGB 36 57 80	#243950
66.7%	66.7% #273240	RGB 39 50 64	#273240
83.3%	83.3% #242930	RGB 36 41 48	#242930
100.0%	100.0% #1E1F21	RGB 30 31 33	#1E1F21

#005280 #104970 #1D4160 #243950 #273240 #242930 #1E1F21

#005280 - #243950 - #1E1F21

CSS codes

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

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