#86C0FF - #263648 | 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 #86C0FF to #263648

#86C0FF #263648

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

#86C0FF - #263648 | 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 #86C0FF as 0% and #263648 as 100%.

0.0%	0.0% #86C0FF	RGB 134 192 255	#86C0FF
16.7%	16.7% #76A9E0	RGB 118 169 224	#76A9E0
33.3%	33.3% #6692C2	RGB 102 146 194	#6692C2
50.0%	50.0% #567BA3	RGB 86 123 163	#567BA3
66.7%	66.7% #466484	RGB 70 100 132	#466484
83.3%	83.3% #364D66	RGB 54 77 102	#364D66
100.0%	100.0% #263648	RGB 38 54 72	#263648

#86C0FF #76A9E0 #6692C2 #567BA3 #466484 #364D66 #263648

#86C0FF - #263648

HSV Blend

#86C0FF - #263648 | 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 #86C0FF as 0% and #263648 as 100%.

0.0%	0.0% #86C0FF	RGB 134 192 255	#86C0FF
16.7%	16.7% #76A8E0	RGB 118 168 224	#76A8E0
33.3%	33.3% #6691C2	RGB 102 145 194	#6691C2
50.0%	50.0% #567AA3	RGB 86 122 163	#567AA3
66.7%	66.7% #466384	RGB 70 99 132	#466384
83.3%	83.3% #364C66	RGB 54 76 102	#364C66
100.0%	100.0% #263648	RGB 38 54 72	#263648

#86C0FF #76A8E0 #6691C2 #567AA3 #466384 #364C66 #263648

#86C0FF - #567AA3 - #263648

CSS codes

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

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