#0F1B5E - #09110C | 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 #0F1B5E to #09110C

#0F1B5E #09110C

Calculate the color between two colors, #0F1B5E and #09110C. 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)

#0F1B5E - #09110C | 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 #0F1B5E as 0% and #09110C as 100%.

0.0%	0.0% #0F1B5E	RGB 15 27 94	#0F1B5E
16.7%	16.7% #0E1950	RGB 14 25 80	#0E1950
33.3%	33.3% #0D1742	RGB 13 23 66	#0D1742
50.0%	50.0% #0C1635	RGB 12 22 53	#0C1635
66.7%	66.7% #0B1427	RGB 11 20 39	#0B1427
83.3%	83.3% #0A1219	RGB 10 18 25	#0A1219
100.0%	100.0% #09110C	RGB 9 17 12	#09110C

#0F1B5E #0E1950 #0D1742 #0C1635 #0B1427 #0A1219 #09110C

#0F1B5E - #09110C

HSV Blend

#0F1B5E - #09110C | 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 #0F1B5E as 0% and #09110C as 100%.

0.0%	0.0% #0E1B5E	RGB 14 27 94	#0E1B5E
16.7%	16.7% #112B51	RGB 17 43 81	#112B51
33.3%	33.3% #133244	RGB 19 50 68	#133244
50.0%	50.0% #133337	RGB 19 51 55	#133337
66.7%	66.7% #112A27	RGB 17 42 39	#112A27
83.3%	83.3% #0D1D17	RGB 13 29 23	#0D1D17
100.0%	100.0% #09110C	RGB 9 17 12	#09110C

#0E1B5E #112B51 #133244 #133337 #112A27 #0D1D17 #09110C

#0F1B5E - #133337 - #09110C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E1B5E 0%, #133337 50%, #09110C 100%);
    background: -webkit-linear-gradient(top, #0E1B5E 0%, #133337 50%, #09110C 100%);
    background: linear-gradient(to bottom, #0E1B5E 0%, #133337 50%, #09110C 100%);
}
</style>