#5E88C9 - #B3C7D7 | 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 #5E88C9 to #B3C7D7

#5E88C9 #B3C7D7

Calculate the color between two colors, #5E88C9 and #B3C7D7. 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)

#5E88C9 - #B3C7D7 | 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 #5E88C9 as 0% and #B3C7D7 as 100%.

0.0%	0.0% #5E88C9	RGB 94 136 201	#5E88C9
16.7%	16.7% #6C92CB	RGB 108 146 203	#6C92CB
33.3%	33.3% #7A9DCD	RGB 122 157 205	#7A9DCD
50.0%	50.0% #88A7D0	RGB 136 167 208	#88A7D0
66.7%	66.7% #96B2D2	RGB 150 178 210	#96B2D2
83.3%	83.3% #A4BCD4	RGB 164 188 212	#A4BCD4
100.0%	100.0% #B3C7D7	RGB 179 199 215	#B3C7D7

#5E88C9 #6C92CB #7A9DCD #88A7D0 #96B2D2 #A4BCD4 #B3C7D7

#5E88C9 - #B3C7D7

HSV Blend

#5E88C9 - #B3C7D7 | 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 #5E88C9 as 0% and #B3C7D7 as 100%.

0.0%	0.0% #5E88C9	RGB 94 136 201	#5E88C9
16.7%	16.7% #6B93CB	RGB 107 147 203	#6B93CB
33.3%	33.3% #799ECD	RGB 121 158 205	#799ECD
50.0%	50.0% #87A9D0	RGB 135 169 208	#87A9D0
66.7%	66.7% #95B4D2	RGB 149 180 210	#95B4D2
83.3%	83.3% #A4BDD4	RGB 164 189 212	#A4BDD4
100.0%	100.0% #B3C7D7	RGB 179 199 215	#B3C7D7

#5E88C9 #6B93CB #799ECD #87A9D0 #95B4D2 #A4BDD4 #B3C7D7

#5E88C9 - #87A9D0 - #B3C7D7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E88C9 0%, #87A9D0 50%, #B3C7D7 100%);
    background: -webkit-linear-gradient(top, #5E88C9 0%, #87A9D0 50%, #B3C7D7 100%);
    background: linear-gradient(to bottom, #5E88C9 0%, #87A9D0 50%, #B3C7D7 100%);
}
</style>