#000C10 - #143C4D | 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 #000C10 to #143C4D

#000C10 #143C4D

Calculate the color between two colors, #000C10 and #143C4D. 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)

#000C10 - #143C4D | 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 #000C10 as 0% and #143C4D as 100%.

0.0%	0.0% #000C10	RGB 0 12 16	#000C10
16.7%	16.7% #03141A	RGB 3 20 26	#03141A
33.3%	33.3% #061C24	RGB 6 28 36	#061C24
50.0%	50.0% #0A242E	RGB 10 36 46	#0A242E
66.7%	66.7% #0D2C38	RGB 13 44 56	#0D2C38
83.3%	83.3% #103442	RGB 16 52 66	#103442
100.0%	100.0% #143C4D	RGB 20 60 77	#143C4D

#000C10 #03141A #061C24 #0A242E #0D2C38 #103442 #143C4D

#000C10 - #143C4D

HSV Blend

#000C10 - #143C4D | 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 #000C10 as 0% and #143C4D as 100%.

0.0%	0.0% #000B10	RGB 0 11 16	#000B10
16.7%	16.7% #01131A	RGB 1 19 26	#01131A
33.3%	33.3% #031B24	RGB 3 27 36	#031B24
50.0%	50.0% #06232E	RGB 6 35 46	#06232E
66.7%	66.7% #092B38	RGB 9 43 56	#092B38
83.3%	83.3% #0E3342	RGB 14 51 66	#0E3342
100.0%	100.0% #143C4D	RGB 20 60 77	#143C4D

#000B10 #01131A #031B24 #06232E #092B38 #0E3342 #143C4D

#000C10 - #06232E - #143C4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000B10 0%, #06232E 50%, #143C4D 100%);
    background: -webkit-linear-gradient(top, #000B10 0%, #06232E 50%, #143C4D 100%);
    background: linear-gradient(to bottom, #000B10 0%, #06232E 50%, #143C4D 100%);
}
</style>