#0160C7 - #19295E | 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 #0160C7 to #19295E

#0160C7 #19295E

Calculate the color between two colors, #0160C7 and #19295E. 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)

#0160C7 - #19295E | 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 #0160C7 as 0% and #19295E as 100%.

0.0%	0.0% #0160C7	RGB 1 96 199	#0160C7
16.7%	16.7% #0556B5	RGB 5 86 181	#0556B5
33.3%	33.3% #094DA4	RGB 9 77 164	#094DA4
50.0%	50.0% #0D4492	RGB 13 68 146	#0D4492
66.7%	66.7% #113B81	RGB 17 59 129	#113B81
83.3%	83.3% #15326F	RGB 21 50 111	#15326F
100.0%	100.0% #19295E	RGB 25 41 94	#19295E

#0160C7 #0556B5 #094DA4 #0D4492 #113B81 #15326F #19295E

#0160C7 - #19295E

HSV Blend

#0160C7 - #19295E | 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 #0160C7 as 0% and #19295E as 100%.

0.0%	0.0% #0160C7	RGB 1 96 199	#0160C7
16.7%	16.7% #0854B5	RGB 8 84 181	#0854B5
33.3%	33.3% #0F4AA4	RGB 15 74 164	#0F4AA4
50.0%	50.0% #134092	RGB 19 64 146	#134092
66.7%	66.7% #173881	RGB 23 56 129	#173881
83.3%	83.3% #18306F	RGB 24 48 111	#18306F
100.0%	100.0% #19295E	RGB 25 41 94	#19295E

#0160C7 #0854B5 #0F4AA4 #134092 #173881 #18306F #19295E

#0160C7 - #134092 - #19295E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0160C7 0%, #134092 50%, #19295E 100%);
    background: -webkit-linear-gradient(top, #0160C7 0%, #134092 50%, #19295E 100%);
    background: linear-gradient(to bottom, #0160C7 0%, #134092 50%, #19295E 100%);
}
</style>