#1C2D5E - #080C1A | 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 #1C2D5E to #080C1A

#1C2D5E #080C1A

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

#1C2D5E - #080C1A | 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 #1C2D5E as 0% and #080C1A as 100%.

0.0%	0.0% #1C2D5E	RGB 28 45 94	#1C2D5E
16.7%	16.7% #182752	RGB 24 39 82	#182752
33.3%	33.3% #152247	RGB 21 34 71	#152247
50.0%	50.0% #121C3C	RGB 18 28 60	#121C3C
66.7%	66.7% #0E1730	RGB 14 23 48	#0E1730
83.3%	83.3% #0B1125	RGB 11 17 37	#0B1125
100.0%	100.0% #080C1A	RGB 8 12 26	#080C1A

#1C2D5E #182752 #152247 #121C3C #0E1730 #0B1125 #080C1A

#1C2D5E - #080C1A

HSV Blend

#1C2D5E - #080C1A | 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 #1C2D5E as 0% and #080C1A as 100%.

0.0%	0.0% #1C2C5E	RGB 28 44 94	#1C2C5E
16.7%	16.7% #182752	RGB 24 39 82	#182752
33.3%	33.3% #152147	RGB 21 33 71	#152147
50.0%	50.0% #121C3C	RGB 18 28 60	#121C3C
66.7%	66.7% #0E1630	RGB 14 22 48	#0E1630
83.3%	83.3% #0B1125	RGB 11 17 37	#0B1125
100.0%	100.0% #080C1A	RGB 8 12 26	#080C1A

#1C2C5E #182752 #152147 #121C3C #0E1630 #0B1125 #080C1A

#1C2D5E - #121C3C - #080C1A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1C2C5E 0%, #121C3C 50%, #080C1A 100%);
    background: -webkit-linear-gradient(top, #1C2C5E 0%, #121C3C 50%, #080C1A 100%);
    background: linear-gradient(to bottom, #1C2C5E 0%, #121C3C 50%, #080C1A 100%);
}
</style>