#B6B6DF - #EAEAF5 | 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 #B6B6DF to #EAEAF5

#B6B6DF #EAEAF5

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

#B6B6DF - #EAEAF5 | 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 #B6B6DF as 0% and #EAEAF5 as 100%.

0.0%	0.0% #B6B6DF	RGB 182 182 223	#B6B6DF
16.7%	16.7% #BEBEE2	RGB 190 190 226	#BEBEE2
33.3%	33.3% #C7C7E6	RGB 199 199 230	#C7C7E6
50.0%	50.0% #D0D0EA	RGB 208 208 234	#D0D0EA
66.7%	66.7% #D8D8ED	RGB 216 216 237	#D8D8ED
83.3%	83.3% #E1E1F1	RGB 225 225 241	#E1E1F1
100.0%	100.0% #EAEAF5	RGB 234 234 245	#EAEAF5

#B6B6DF #BEBEE2 #C7C7E6 #D0D0EA #D8D8ED #E1E1F1 #EAEAF5

#B6B6DF - #EAEAF5

HSV Blend

#B6B6DF - #EAEAF5 | 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 #B6B6DF as 0% and #EAEAF5 as 100%.

0.0%	0.0% #B6B6DF	RGB 182 182 223	#B6B6DF
16.7%	16.7% #BEBEE2	RGB 190 190 226	#BEBEE2
33.3%	33.3% #C6C6E6	RGB 198 198 230	#C6C6E6
50.0%	50.0% #CFCFEA	RGB 207 207 234	#CFCFEA
66.7%	66.7% #D7D7ED	RGB 215 215 237	#D7D7ED
83.3%	83.3% #E0E0F1	RGB 224 224 241	#E0E0F1
100.0%	100.0% #EAEAF5	RGB 234 234 245	#EAEAF5

#B6B6DF #BEBEE2 #C6C6E6 #CFCFEA #D7D7ED #E0E0F1 #EAEAF5

#B6B6DF - #CFCFEA - #EAEAF5

CSS codes

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

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