#192BA3 - #070C2E | 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 #192BA3 to #070C2E

#192BA3 #070C2E

Calculate the color between two colors, #192BA3 and #070C2E. 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)

#192BA3 - #070C2E | 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 #192BA3 as 0% and #070C2E as 100%.

0.0%	0.0% #192BA3	RGB 25 43 163	#192BA3
16.7%	16.7% #16258F	RGB 22 37 143	#16258F
33.3%	33.3% #13207C	RGB 19 32 124	#13207C
50.0%	50.0% #101B68	RGB 16 27 104	#101B68
66.7%	66.7% #0D1655	RGB 13 22 85	#0D1655
83.3%	83.3% #0A1141	RGB 10 17 65	#0A1141
100.0%	100.0% #070C2E	RGB 7 12 46	#070C2E

#192BA3 #16258F #13207C #101B68 #0D1655 #0A1141 #070C2E

#192BA3 - #070C2E

HSV Blend

#192BA3 - #070C2E | 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 #192BA3 as 0% and #070C2E as 100%.

0.0%	0.0% #192AA3	RGB 25 42 163	#192AA3
16.7%	16.7% #15258F	RGB 21 37 143	#15258F
33.3%	33.3% #12207C	RGB 18 32 124	#12207C
50.0%	50.0% #0F1B68	RGB 15 27 104	#0F1B68
66.7%	66.7% #0C1655	RGB 12 22 85	#0C1655
83.3%	83.3% #091141	RGB 9 17 65	#091141
100.0%	100.0% #070C2E	RGB 7 12 46	#070C2E

#192AA3 #15258F #12207C #0F1B68 #0C1655 #091141 #070C2E

#192BA3 - #0F1B68 - #070C2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #192AA3 0%, #0F1B68 50%, #070C2E 100%);
    background: -webkit-linear-gradient(top, #192AA3 0%, #0F1B68 50%, #070C2E 100%);
    background: linear-gradient(to bottom, #192AA3 0%, #0F1B68 50%, #070C2E 100%);
}
</style>