#0C4D5E - #03151A | 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 #0C4D5E to #03151A

#0C4D5E #03151A

Calculate the color between two colors, #0C4D5E and #03151A. 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)

#0C4D5E - #03151A | 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 #0C4D5E as 0% and #03151A as 100%.

0.0%	0.0% #0C4D5E	RGB 12 77 94	#0C4D5E
16.7%	16.7% #0A4352	RGB 10 67 82	#0A4352
33.3%	33.3% #093A47	RGB 9 58 71	#093A47
50.0%	50.0% #07313C	RGB 7 49 60	#07313C
66.7%	66.7% #062730	RGB 6 39 48	#062730
83.3%	83.3% #041E25	RGB 4 30 37	#041E25
100.0%	100.0% #03151A	RGB 3 21 26	#03151A

#0C4D5E #0A4352 #093A47 #07313C #062730 #041E25 #03151A

#0C4D5E - #03151A

HSV Blend

#0C4D5E - #03151A | 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 #0C4D5E as 0% and #03151A as 100%.

0.0%	0.0% #0B4C5E	RGB 11 76 94	#0B4C5E
16.7%	16.7% #0A4352	RGB 10 67 82	#0A4352
33.3%	33.3% #083A47	RGB 8 58 71	#083A47
50.0%	50.0% #07303C	RGB 7 48 60	#07303C
66.7%	66.7% #052730	RGB 5 39 48	#052730
83.3%	83.3% #041E25	RGB 4 30 37	#041E25
100.0%	100.0% #03151A	RGB 3 21 26	#03151A

#0B4C5E #0A4352 #083A47 #07303C #052730 #041E25 #03151A

#0C4D5E - #07303C - #03151A

CSS codes

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

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