#182E5E - #080A26 | 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 #182E5E to #080A26

#182E5E #080A26

Calculate the color between two colors, #182E5E and #080A26. 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)

#182E5E - #080A26 | 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 #182E5E as 0% and #080A26 as 100%.

0.0%	0.0% #182E5E	RGB 24 46 94	#182E5E
16.7%	16.7% #152854	RGB 21 40 84	#152854
33.3%	33.3% #12224B	RGB 18 34 75	#12224B
50.0%	50.0% #101C42	RGB 16 28 66	#101C42
66.7%	66.7% #0D1638	RGB 13 22 56	#0D1638
83.3%	83.3% #0A102F	RGB 10 16 47	#0A102F
100.0%	100.0% #080A26	RGB 8 10 38	#080A26

#182E5E #152854 #12224B #101C42 #0D1638 #0A102F #080A26

#182E5E - #080A26

HSV Blend

#182E5E - #080A26 | 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 #182E5E as 0% and #080A26 as 100%.

0.0%	0.0% #182E5E	RGB 24 46 94	#182E5E
16.7%	16.7% #142654	RGB 20 38 84	#142654
33.3%	33.3% #121F4B	RGB 18 31 75	#121F4B
50.0%	50.0% #0F1942	RGB 15 25 66	#0F1942
66.7%	66.7% #0C1338	RGB 12 19 56	#0C1338
83.3%	83.3% #0A0E2F	RGB 10 14 47	#0A0E2F
100.0%	100.0% #080A26	RGB 8 10 38	#080A26

#182E5E #142654 #121F4B #0F1942 #0C1338 #0A0E2F #080A26

#182E5E - #0F1942 - #080A26

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #182E5E 0%, #0F1942 50%, #080A26 100%);
    background: -webkit-linear-gradient(top, #182E5E 0%, #0F1942 50%, #080A26 100%);
    background: linear-gradient(to bottom, #182E5E 0%, #0F1942 50%, #080A26 100%);
}
</style>