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

#B7B7DF #EAEAF5

Calculate the color between two colors, #B7B7DF 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)

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

0.0%	0.0% #B7B7DF	RGB 183 183 223	#B7B7DF
16.7%	16.7% #BFBFE2	RGB 191 191 226	#BFBFE2
33.3%	33.3% #C8C8E6	RGB 200 200 230	#C8C8E6
50.0%	50.0% #D0D0EA	RGB 208 208 234	#D0D0EA
66.7%	66.7% #D9D9ED	RGB 217 217 237	#D9D9ED
83.3%	83.3% #E1E1F1	RGB 225 225 241	#E1E1F1
100.0%	100.0% #EAEAF5	RGB 234 234 245	#EAEAF5

#B7B7DF #BFBFE2 #C8C8E6 #D0D0EA #D9D9ED #E1E1F1 #EAEAF5

#B7B7DF - #EAEAF5

HSV Blend

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

0.0%	0.0% #B7B7DF	RGB 183 183 223	#B7B7DF
16.7%	16.7% #BFBFE2	RGB 191 191 226	#BFBFE2
33.3%	33.3% #C7C7E6	RGB 199 199 230	#C7C7E6
50.0%	50.0% #CFCFEA	RGB 207 207 234	#CFCFEA
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

#B7B7DF #BFBFE2 #C7C7E6 #CFCFEA #D8D8ED #E1E1F1 #EAEAF5

#B7B7DF - #CFCFEA - #EAEAF5

CSS codes

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

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