#2B3A8C - #0C1028 | 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 #2B3A8C to #0C1028

#2B3A8C #0C1028

Calculate the color between two colors, #2B3A8C and #0C1028. 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)

#2B3A8C - #0C1028 | 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 #2B3A8C as 0% and #0C1028 as 100%.

0.0%	0.0% #2B3A8C	RGB 43 58 140	#2B3A8C
16.7%	16.7% #25337B	RGB 37 51 123	#25337B
33.3%	33.3% #202C6A	RGB 32 44 106	#202C6A
50.0%	50.0% #1B255A	RGB 27 37 90	#1B255A
66.7%	66.7% #161E49	RGB 22 30 73	#161E49
83.3%	83.3% #111738	RGB 17 23 56	#111738
100.0%	100.0% #0C1028	RGB 12 16 40	#0C1028

#2B3A8C #25337B #202C6A #1B255A #161E49 #111738 #0C1028

#2B3A8C - #0C1028

HSV Blend

#2B3A8C - #0C1028 | 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 #2B3A8C as 0% and #0C1028 as 100%.

0.0%	0.0% #2B3A8C	RGB 43 58 140	#2B3A8C
16.7%	16.7% #25327B	RGB 37 50 123	#25327B
33.3%	33.3% #202B6A	RGB 32 43 106	#202B6A
50.0%	50.0% #1B245A	RGB 27 36 90	#1B245A
66.7%	66.7% #161D49	RGB 22 29 73	#161D49
83.3%	83.3% #111638	RGB 17 22 56	#111638
100.0%	100.0% #0C1028	RGB 12 16 40	#0C1028

#2B3A8C #25327B #202B6A #1B245A #161D49 #111638 #0C1028

#2B3A8C - #1B245A - #0C1028

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B3A8C 0%, #1B245A 50%, #0C1028 100%);
    background: -webkit-linear-gradient(top, #2B3A8C 0%, #1B245A 50%, #0C1028 100%);
    background: linear-gradient(to bottom, #2B3A8C 0%, #1B245A 50%, #0C1028 100%);
}
</style>