#85B0FF - #263248 | 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 #85B0FF to #263248

#85B0FF #263248

Calculate the color between two colors, #85B0FF and #263248. 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)

#85B0FF - #263248 | 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 #85B0FF as 0% and #263248 as 100%.

0.0%	0.0% #85B0FF	RGB 133 176 255	#85B0FF
16.7%	16.7% #759BE0	RGB 117 155 224	#759BE0
33.3%	33.3% #6586C2	RGB 101 134 194	#6586C2
50.0%	50.0% #5571A3	RGB 85 113 163	#5571A3
66.7%	66.7% #455C84	RGB 69 92 132	#455C84
83.3%	83.3% #354766	RGB 53 71 102	#354766
100.0%	100.0% #263248	RGB 38 50 72	#263248

#85B0FF #759BE0 #6586C2 #5571A3 #455C84 #354766 #263248

#85B0FF - #263248

HSV Blend

#85B0FF - #263248 | 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 #85B0FF as 0% and #263248 as 100%.

0.0%	0.0% #85AFFF	RGB 133 175 255	#85AFFF
16.7%	16.7% #759BE0	RGB 117 155 224	#759BE0
33.3%	33.3% #6586C2	RGB 101 134 194	#6586C2
50.0%	50.0% #5571A3	RGB 85 113 163	#5571A3
66.7%	66.7% #455C84	RGB 69 92 132	#455C84
83.3%	83.3% #354766	RGB 53 71 102	#354766
100.0%	100.0% #263248	RGB 38 50 72	#263248

#85AFFF #759BE0 #6586C2 #5571A3 #455C84 #354766 #263248

#85B0FF - #5571A3 - #263248

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85AFFF 0%, #5571A3 50%, #263248 100%);
    background: -webkit-linear-gradient(top, #85AFFF 0%, #5571A3 50%, #263248 100%);
    background: linear-gradient(to bottom, #85AFFF 0%, #5571A3 50%, #263248 100%);
}
</style>