#B2B5FF - #D6DAF0 | 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 #B2B5FF to #D6DAF0

#B2B5FF #D6DAF0

Calculate the color between two colors, #B2B5FF and #D6DAF0. 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)

#B2B5FF - #D6DAF0 | 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 #B2B5FF as 0% and #D6DAF0 as 100%.

0.0%	0.0% #B2B5FF	RGB 178 181 255	#B2B5FF
16.7%	16.7% #B8BBFC	RGB 184 187 252	#B8BBFC
33.3%	33.3% #BEC1FA	RGB 190 193 250	#BEC1FA
50.0%	50.0% #C4C7F7	RGB 196 199 247	#C4C7F7
66.7%	66.7% #CACDF5	RGB 202 205 245	#CACDF5
83.3%	83.3% #D0D3F2	RGB 208 211 242	#D0D3F2
100.0%	100.0% #D6DAF0	RGB 214 218 240	#D6DAF0

#B2B5FF #B8BBFC #BEC1FA #C4C7F7 #CACDF5 #D0D3F2 #D6DAF0

#B2B5FF - #D6DAF0

HSV Blend

#B2B5FF - #D6DAF0 | 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 #B2B5FF as 0% and #D6DAF0 as 100%.

0.0%	0.0% #B2B4FF	RGB 178 180 255	#B2B4FF
16.7%	16.7% #B8BCFC	RGB 184 188 252	#B8BCFC
33.3%	33.3% #BEC3FA	RGB 190 195 250	#BEC3FA
50.0%	50.0% #C4C9F7	RGB 196 201 247	#C4C9F7
66.7%	66.7% #CACFF5	RGB 202 207 245	#CACFF5
83.3%	83.3% #D0D4F2	RGB 208 212 242	#D0D4F2
100.0%	100.0% #D6DAF0	RGB 214 218 240	#D6DAF0

#B2B4FF #B8BCFC #BEC3FA #C4C9F7 #CACFF5 #D0D4F2 #D6DAF0

#B2B5FF - #C4C9F7 - #D6DAF0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B4FF 0%, #C4C9F7 50%, #D6DAF0 100%);
    background: -webkit-linear-gradient(top, #B2B4FF 0%, #C4C9F7 50%, #D6DAF0 100%);
    background: linear-gradient(to bottom, #B2B4FF 0%, #C4C9F7 50%, #D6DAF0 100%);
}
</style>