#B6BADB - #EAEBF4 | 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 #B6BADB to #EAEBF4

#B6BADB #EAEBF4

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

#B6BADB - #EAEBF4 | 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 #B6BADB as 0% and #EAEBF4 as 100%.

0.0%	0.0% #B6BADB	RGB 182 186 219	#B6BADB
16.7%	16.7% #BEC2DF	RGB 190 194 223	#BEC2DF
33.3%	33.3% #C7CAE3	RGB 199 202 227	#C7CAE3
50.0%	50.0% #D0D2E7	RGB 208 210 231	#D0D2E7
66.7%	66.7% #D8DAEB	RGB 216 218 235	#D8DAEB
83.3%	83.3% #E1E2EF	RGB 225 226 239	#E1E2EF
100.0%	100.0% #EAEBF4	RGB 234 235 244	#EAEBF4

#B6BADB #BEC2DF #C7CAE3 #D0D2E7 #D8DAEB #E1E2EF #EAEBF4

#B6BADB - #EAEBF4

HSV Blend

#B6BADB - #EAEBF4 | 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 #B6BADB as 0% and #EAEBF4 as 100%.

0.0%	0.0% #B6BADB	RGB 182 186 219	#B6BADB
16.7%	16.7% #BEC1DF	RGB 190 193 223	#BEC1DF
33.3%	33.3% #C6C9E3	RGB 198 201 227	#C6C9E3
50.0%	50.0% #CFD1E7	RGB 207 209 231	#CFD1E7
66.7%	66.7% #D7D9EB	RGB 215 217 235	#D7D9EB
83.3%	83.3% #E0E2EF	RGB 224 226 239	#E0E2EF
100.0%	100.0% #EAEBF4	RGB 234 235 244	#EAEBF4

#B6BADB #BEC1DF #C6C9E3 #CFD1E7 #D7D9EB #E0E2EF #EAEBF4

#B6BADB - #CFD1E7 - #EAEBF4

CSS codes

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

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