#69C0FF - #1E3648 | 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 #69C0FF to #1E3648

#69C0FF #1E3648

Calculate the color between two colors, #69C0FF and #1E3648. 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)

#69C0FF - #1E3648 | 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 #69C0FF as 0% and #1E3648 as 100%.

0.0%	0.0% #69C0FF	RGB 105 192 255	#69C0FF
16.7%	16.7% #5CA9E0	RGB 92 169 224	#5CA9E0
33.3%	33.3% #5092C2	RGB 80 146 194	#5092C2
50.0%	50.0% #437BA3	RGB 67 123 163	#437BA3
66.7%	66.7% #376484	RGB 55 100 132	#376484
83.3%	83.3% #2A4D66	RGB 42 77 102	#2A4D66
100.0%	100.0% #1E3648	RGB 30 54 72	#1E3648

#69C0FF #5CA9E0 #5092C2 #437BA3 #376484 #2A4D66 #1E3648

#69C0FF - #1E3648

HSV Blend

#69C0FF - #1E3648 | 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 #69C0FF as 0% and #1E3648 as 100%.

0.0%	0.0% #69C0FF	RGB 105 192 255	#69C0FF
16.7%	16.7% #5CA8E0	RGB 92 168 224	#5CA8E0
33.3%	33.3% #5091C2	RGB 80 145 194	#5091C2
50.0%	50.0% #437AA3	RGB 67 122 163	#437AA3
66.7%	66.7% #376384	RGB 55 99 132	#376384
83.3%	83.3% #2A4C66	RGB 42 76 102	#2A4C66
100.0%	100.0% #1E3648	RGB 30 54 72	#1E3648

#69C0FF #5CA8E0 #5091C2 #437AA3 #376384 #2A4C66 #1E3648

#69C0FF - #437AA3 - #1E3648

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #69C0FF 0%, #437AA3 50%, #1E3648 100%);
    background: -webkit-linear-gradient(top, #69C0FF 0%, #437AA3 50%, #1E3648 100%);
    background: linear-gradient(to bottom, #69C0FF 0%, #437AA3 50%, #1E3648 100%);
}
</style>