#B5C5E7 - #6277C8 | 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 #B5C5E7 to #6277C8

#B5C5E7 #6277C8

Calculate the color between two colors, #B5C5E7 and #6277C8. 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)

#B5C5E7 - #6277C8 | 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 #B5C5E7 as 0% and #6277C8 as 100%.

0.0%	0.0% #B5C5E7	RGB 181 197 231	#B5C5E7
16.7%	16.7% #A7B8E1	RGB 167 184 225	#A7B8E1
33.3%	33.3% #99ABDC	RGB 153 171 220	#99ABDC
50.0%	50.0% #8B9ED7	RGB 139 158 215	#8B9ED7
66.7%	66.7% #7D91D2	RGB 125 145 210	#7D91D2
83.3%	83.3% #6F84CD	RGB 111 132 205	#6F84CD
100.0%	100.0% #6277C8	RGB 98 119 200	#6277C8

#B5C5E7 #A7B8E1 #99ABDC #8B9ED7 #7D91D2 #6F84CD #6277C8

#B5C5E7 - #6277C8

HSV Blend

#B5C5E7 - #6277C8 | 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 #B5C5E7 as 0% and #6277C8 as 100%.

0.0%	0.0% #B5C5E7	RGB 181 197 231	#B5C5E7
16.7%	16.7% #A5B7E1	RGB 165 183 225	#A5B7E1
33.3%	33.3% #97AADC	RGB 151 170 220	#97AADC
50.0%	50.0% #899DD7	RGB 137 157 215	#899DD7
66.7%	66.7% #7B90D2	RGB 123 144 210	#7B90D2
83.3%	83.3% #6E83CD	RGB 110 131 205	#6E83CD
100.0%	100.0% #6277C8	RGB 98 119 200	#6277C8

#B5C5E7 #A5B7E1 #97AADC #899DD7 #7B90D2 #6E83CD #6277C8

#B5C5E7 - #899DD7 - #6277C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C5E7 0%, #899DD7 50%, #6277C8 100%);
    background: -webkit-linear-gradient(top, #B5C5E7 0%, #899DD7 50%, #6277C8 100%);
    background: linear-gradient(to bottom, #B5C5E7 0%, #899DD7 50%, #6277C8 100%);
}
</style>