#183B5E - #131513 | 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 #131513

#183B5E #131513

Calculate the color between two colors, #183B5E and #131513. 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 - #131513 | 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 #131513 as 100%.

0.0%	0.0% #183B5E	RGB 24 59 94	#183B5E
16.7%	16.7% #173451	RGB 23 52 81	#173451
33.3%	33.3% #162E45	RGB 22 46 69	#162E45
50.0%	50.0% #152838	RGB 21 40 56	#152838
66.7%	66.7% #14212C	RGB 20 33 44	#14212C
83.3%	83.3% #131B1F	RGB 19 27 31	#131B1F
100.0%	100.0% #131513	RGB 19 21 19	#131513

#183B5E #173451 #162E45 #152838 #14212C #131B1F #131513

#183B5E - #131513

HSV Blend

#183B5E - #131513 | 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 #131513 as 100%.

0.0%	0.0% #183B5E	RGB 24 59 94	#183B5E
16.7%	16.7% #1D4451	RGB 29 68 81	#1D4451
33.3%	33.3% #204545	RGB 32 69 69	#204545
50.0%	50.0% #213933	RGB 33 57 51	#213933
66.7%	66.7% #1F2D26	RGB 31 45 38	#1F2D26
83.3%	83.3% #1A211C	RGB 26 33 28	#1A211C
100.0%	100.0% #131513	RGB 19 21 19	#131513

#183B5E #1D4451 #204545 #213933 #1F2D26 #1A211C #131513

#183B5E - #213933 - #131513

CSS codes

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

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