#0C4A8C - #1A1E28 | 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 #0C4A8C to #1A1E28

#0C4A8C #1A1E28

Calculate the color between two colors, #0C4A8C and #1A1E28. 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)

#0C4A8C - #1A1E28 | 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 #0C4A8C as 0% and #1A1E28 as 100%.

0.0%	0.0% #0C4A8C	RGB 12 74 140	#0C4A8C
16.7%	16.7% #0E427B	RGB 14 66 123	#0E427B
33.3%	33.3% #103B6A	RGB 16 59 106	#103B6A
50.0%	50.0% #13345A	RGB 19 52 90	#13345A
66.7%	66.7% #152C49	RGB 21 44 73	#152C49
83.3%	83.3% #172538	RGB 23 37 56	#172538
100.0%	100.0% #1A1E28	RGB 26 30 40	#1A1E28

#0C4A8C #0E427B #103B6A #13345A #152C49 #172538 #1A1E28

#0C4A8C - #1A1E28

HSV Blend

#0C4A8C - #1A1E28 | 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 #0C4A8C as 0% and #1A1E28 as 100%.

0.0%	0.0% #0C4A8C	RGB 12 74 140	#0C4A8C
16.7%	16.7% #16437B	RGB 22 67 123	#16437B
33.3%	33.3% #1D3D6A	RGB 29 61 106	#1D3D6A
50.0%	50.0% #21375A	RGB 33 55 90	#21375A
66.7%	66.7% #212F49	RGB 33 47 73	#212F49
83.3%	83.3% #1F2738	RGB 31 39 56	#1F2738
100.0%	100.0% #1A1E28	RGB 26 30 40	#1A1E28

#0C4A8C #16437B #1D3D6A #21375A #212F49 #1F2738 #1A1E28

#0C4A8C - #21375A - #1A1E28

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0C4A8C 0%, #21375A 50%, #1A1E28 100%);
    background: -webkit-linear-gradient(top, #0C4A8C 0%, #21375A 50%, #1A1E28 100%);
    background: linear-gradient(to bottom, #0C4A8C 0%, #21375A 50%, #1A1E28 100%);
}
</style>