#142B5E - #0D1210 | 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 #142B5E to #0D1210

#142B5E #0D1210

Calculate the color between two colors, #142B5E and #0D1210. 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)

#142B5E - #0D1210 | 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 #142B5E as 0% and #0D1210 as 100%.

0.0%	0.0% #142B5E	RGB 20 43 94	#142B5E
16.7%	16.7% #122651	RGB 18 38 81	#122651
33.3%	33.3% #112244	RGB 17 34 68	#112244
50.0%	50.0% #101E37	RGB 16 30 55	#101E37
66.7%	66.7% #0F1A2A	RGB 15 26 42	#0F1A2A
83.3%	83.3% #0E161D	RGB 14 22 29	#0E161D
100.0%	100.0% #0D1210	RGB 13 18 16	#0D1210

#142B5E #122651 #112244 #101E37 #0F1A2A #0E161D #0D1210

#142B5E - #0D1210

HSV Blend

#142B5E - #0D1210 | 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 #142B5E as 0% and #0D1210 as 100%.

0.0%	0.0% #132A5E	RGB 19 42 94	#132A5E
16.7%	16.7% #183451	RGB 24 52 81	#183451
33.3%	33.3% #1A3644	RGB 26 54 68	#1A3644
50.0%	50.0% #1A3338	RGB 26 51 56	#1A3338
66.7%	66.7% #172B2A	RGB 23 43 42	#172B2A
83.3%	83.3% #131E1C	RGB 19 30 28	#131E1C
100.0%	100.0% #0D1210	RGB 13 18 16	#0D1210

#132A5E #183451 #1A3644 #1A3338 #172B2A #131E1C #0D1210

#142B5E - #1A3338 - #0D1210

CSS codes

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

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