#B2B2EE - #CBDAE8 | 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 #B2B2EE to #CBDAE8

#B2B2EE #CBDAE8

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

#B2B2EE - #CBDAE8 | 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 #B2B2EE as 0% and #CBDAE8 as 100%.

0.0%	0.0% #B2B2EE	RGB 178 178 238	#B2B2EE
16.7%	16.7% #B6B8ED	RGB 182 184 237	#B6B8ED
33.3%	33.3% #BABFEC	RGB 186 191 236	#BABFEC
50.0%	50.0% #BEC6EB	RGB 190 198 235	#BEC6EB
66.7%	66.7% #C2CCEA	RGB 194 204 234	#C2CCEA
83.3%	83.3% #C6D3E9	RGB 198 211 233	#C6D3E9
100.0%	100.0% #CBDAE8	RGB 203 218 232	#CBDAE8

#B2B2EE #B6B8ED #BABFEC #BEC6EB #C2CCEA #C6D3E9 #CBDAE8

#B2B2EE - #CBDAE8

HSV Blend

#B2B2EE - #CBDAE8 | 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 #B2B2EE as 0% and #CBDAE8 as 100%.

0.0%	0.0% #B2B2EE	RGB 178 178 238	#B2B2EE
16.7%	16.7% #B6BAED	RGB 182 186 237	#B6BAED
33.3%	33.3% #BAC3EC	RGB 186 195 236	#BAC3EC
50.0%	50.0% #BECAEB	RGB 190 202 235	#BECAEB
66.7%	66.7% #C2D0EA	RGB 194 208 234	#C2D0EA
83.3%	83.3% #C6D5E9	RGB 198 213 233	#C6D5E9
100.0%	100.0% #CBDAE8	RGB 203 218 232	#CBDAE8

#B2B2EE #B6BAED #BAC3EC #BECAEB #C2D0EA #C6D5E9 #CBDAE8

#B2B2EE - #BECAEB - #CBDAE8

CSS codes

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

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