#183B5E - #06101A | 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 #183B5E to #06101A

#183B5E #06101A

Calculate the color between two colors, #183B5E and #06101A. 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)

#183B5E - #06101A | 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 #183B5E as 0% and #06101A as 100%.

0.0%	0.0% #183B5E	RGB 24 59 94	#183B5E
16.7%	16.7% #153352	RGB 21 51 82	#153352
33.3%	33.3% #122C47	RGB 18 44 71	#122C47
50.0%	50.0% #0F253C	RGB 15 37 60	#0F253C
66.7%	66.7% #0C1E30	RGB 12 30 48	#0C1E30
83.3%	83.3% #091725	RGB 9 23 37	#091725
100.0%	100.0% #06101A	RGB 6 16 26	#06101A

#183B5E #153352 #122C47 #0F253C #0C1E30 #091725 #06101A

#183B5E - #06101A

HSV Blend

#183B5E - #06101A | 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 #183B5E as 0% and #06101A as 100%.

0.0%	0.0% #183B5E	RGB 24 59 94	#183B5E
16.7%	16.7% #143352	RGB 20 51 82	#143352
33.3%	33.3% #112C47	RGB 17 44 71	#112C47
50.0%	50.0% #0E253C	RGB 14 37 60	#0E253C
66.7%	66.7% #0B1E30	RGB 11 30 48	#0B1E30
83.3%	83.3% #081725	RGB 8 23 37	#081725
100.0%	100.0% #06101A	RGB 6 16 26	#06101A

#183B5E #143352 #112C47 #0E253C #0B1E30 #081725 #06101A

#183B5E - #0E253C - #06101A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #183B5E 0%, #0E253C 50%, #06101A 100%);
    background: -webkit-linear-gradient(top, #183B5E 0%, #0E253C 50%, #06101A 100%);
    background: linear-gradient(to bottom, #183B5E 0%, #0E253C 50%, #06101A 100%);
}
</style>