#5E8AC9 - #B5C8D7 | 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 #5E8AC9 to #B5C8D7

#5E8AC9 #B5C8D7

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

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

0.0%	0.0% #5E8AC9	RGB 94 138 201	#5E8AC9
16.7%	16.7% #6C94CB	RGB 108 148 203	#6C94CB
33.3%	33.3% #7B9ECD	RGB 123 158 205	#7B9ECD
50.0%	50.0% #89A9D0	RGB 137 169 208	#89A9D0
66.7%	66.7% #98B3D2	RGB 152 179 210	#98B3D2
83.3%	83.3% #A6BDD4	RGB 166 189 212	#A6BDD4
100.0%	100.0% #B5C8D7	RGB 181 200 215	#B5C8D7

#5E8AC9 #6C94CB #7B9ECD #89A9D0 #98B3D2 #A6BDD4 #B5C8D7

#5E8AC9 - #B5C8D7

HSV Blend

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

0.0%	0.0% #5E8AC9	RGB 94 138 201	#5E8AC9
16.7%	16.7% #6B95CB	RGB 107 149 203	#6B95CB
33.3%	33.3% #79A0CD	RGB 121 160 205	#79A0CD
50.0%	50.0% #88ABD0	RGB 136 171 208	#88ABD0
66.7%	66.7% #96B5D2	RGB 150 181 210	#96B5D2
83.3%	83.3% #A5BED4	RGB 165 190 212	#A5BED4
100.0%	100.0% #B5C8D7	RGB 181 200 215	#B5C8D7

#5E8AC9 #6B95CB #79A0CD #88ABD0 #96B5D2 #A5BED4 #B5C8D7

#5E8AC9 - #88ABD0 - #B5C8D7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8AC9 0%, #88ABD0 50%, #B5C8D7 100%);
    background: -webkit-linear-gradient(top, #5E8AC9 0%, #88ABD0 50%, #B5C8D7 100%);
    background: linear-gradient(to bottom, #5E8AC9 0%, #88ABD0 50%, #B5C8D7 100%);
}
</style>