#B5C5E6 - #5F88CE | 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 #B5C5E6 to #5F88CE

#B5C5E6 #5F88CE

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

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

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #A6BAE2	RGB 166 186 226	#A6BAE2
33.3%	33.3% #98B0DE	RGB 152 176 222	#98B0DE
50.0%	50.0% #8AA6DA	RGB 138 166 218	#8AA6DA
66.7%	66.7% #7B9CD6	RGB 123 156 214	#7B9CD6
83.3%	83.3% #6D92D2	RGB 109 146 210	#6D92D2
100.0%	100.0% #5F88CE	RGB 95 136 206	#5F88CE

#B5C5E6 #A6BAE2 #98B0DE #8AA6DA #7B9CD6 #6D92D2 #5F88CE

#B5C5E6 - #5F88CE

HSV Blend

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

0.0%	0.0% #B5C5E6	RGB 181 197 230	#B5C5E6
16.7%	16.7% #A5B9E2	RGB 165 185 226	#A5B9E2
33.3%	33.3% #96AEDE	RGB 150 174 222	#96AEDE
50.0%	50.0% #88A4DA	RGB 136 164 218	#88A4DA
66.7%	66.7% #799AD6	RGB 121 154 214	#799AD6
83.3%	83.3% #6C91D2	RGB 108 145 210	#6C91D2
100.0%	100.0% #5F88CE	RGB 95 136 206	#5F88CE

#B5C5E6 #A5B9E2 #96AEDE #88A4DA #799AD6 #6C91D2 #5F88CE

#B5C5E6 - #88A4DA - #5F88CE

CSS codes

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

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