#B5BBFF - #EFE6ED | 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 #B5BBFF to #EFE6ED

#B5BBFF #EFE6ED

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

#B5BBFF - #EFE6ED | 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 #B5BBFF as 0% and #EFE6ED as 100%.

0.0%	0.0% #B5BBFF	RGB 181 187 255	#B5BBFF
16.7%	16.7% #BEC2FC	RGB 190 194 252	#BEC2FC
33.3%	33.3% #C8C9F9	RGB 200 201 249	#C8C9F9
50.0%	50.0% #D2D0F6	RGB 210 208 246	#D2D0F6
66.7%	66.7% #DBD7F3	RGB 219 215 243	#DBD7F3
83.3%	83.3% #E5DEF0	RGB 229 222 240	#E5DEF0
100.0%	100.0% #EFE6ED	RGB 239 230 237	#EFE6ED

#B5BBFF #BEC2FC #C8C9F9 #D2D0F6 #DBD7F3 #E5DEF0 #EFE6ED

#B5BBFF - #EFE6ED

HSV Blend

#B5BBFF - #EFE6ED | 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 #B5BBFF as 0% and #EFE6ED as 100%.

0.0%	0.0% #B5BAFF	RGB 181 186 255	#B5BAFF
16.7%	16.7% #C6BDFC	RGB 198 189 252	#C6BDFC
33.3%	33.3% #D8C6F9	RGB 216 198 249	#D8C6F9
50.0%	50.0% #E5CEF7	RGB 229 206 247	#E5CEF7
66.7%	66.7% #EED6F4	RGB 238 214 244	#EED6F4
83.3%	83.3% #F1DEF1	RGB 241 222 241	#F1DEF1
100.0%	100.0% #EFE6ED	RGB 239 230 237	#EFE6ED

#B5BAFF #C6BDFC #D8C6F9 #E5CEF7 #EED6F4 #F1DEF1 #EFE6ED

#B5BBFF - #E5CEF7 - #EFE6ED

CSS codes

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

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