#1097DC - #042B3E | 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 #1097DC to #042B3E

#1097DC #042B3E

Calculate the color between two colors, #1097DC and #042B3E. 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)

#1097DC - #042B3E | 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 #1097DC as 0% and #042B3E as 100%.

0.0%	0.0% #1097DC	RGB 16 151 220	#1097DC
16.7%	16.7% #0E85C1	RGB 14 133 193	#0E85C1
33.3%	33.3% #0C73A7	RGB 12 115 167	#0C73A7
50.0%	50.0% #0A618D	RGB 10 97 141	#0A618D
66.7%	66.7% #084F72	RGB 8 79 114	#084F72
83.3%	83.3% #063D58	RGB 6 61 88	#063D58
100.0%	100.0% #042B3E	RGB 4 43 62	#042B3E

#1097DC #0E85C1 #0C73A7 #0A618D #084F72 #063D58 #042B3E

#1097DC - #042B3E

HSV Blend

#1097DC - #042B3E | 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 #1097DC as 0% and #042B3E as 100%.

0.0%	0.0% #0F96DC	RGB 15 150 220	#0F96DC
16.7%	16.7% #0D85C1	RGB 13 133 193	#0D85C1
33.3%	33.3% #0B73A7	RGB 11 115 167	#0B73A7
50.0%	50.0% #09618D	RGB 9 97 141	#09618D
66.7%	66.7% #074F72	RGB 7 79 114	#074F72
83.3%	83.3% #053D58	RGB 5 61 88	#053D58
100.0%	100.0% #042B3E	RGB 4 43 62	#042B3E

#0F96DC #0D85C1 #0B73A7 #09618D #074F72 #053D58 #042B3E

#1097DC - #09618D - #042B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0F96DC 0%, #09618D 50%, #042B3E 100%);
    background: -webkit-linear-gradient(top, #0F96DC 0%, #09618D 50%, #042B3E 100%);
    background: linear-gradient(to bottom, #0F96DC 0%, #09618D 50%, #042B3E 100%);
}
</style>