#BDC3E7 - #6B71CB | 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 #BDC3E7 to #6B71CB

#BDC3E7 #6B71CB

Calculate the color between two colors, #BDC3E7 and #6B71CB. 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)

#BDC3E7 - #6B71CB | 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 #BDC3E7 as 0% and #6B71CB as 100%.

0.0%	0.0% #BDC3E7	RGB 189 195 231	#BDC3E7
16.7%	16.7% #AFB5E2	RGB 175 181 226	#AFB5E2
33.3%	33.3% #A1A7DD	RGB 161 167 221	#A1A7DD
50.0%	50.0% #949AD9	RGB 148 154 217	#949AD9
66.7%	66.7% #868CD4	RGB 134 140 212	#868CD4
83.3%	83.3% #787ECF	RGB 120 126 207	#787ECF
100.0%	100.0% #6B71CB	RGB 107 113 203	#6B71CB

#BDC3E7 #AFB5E2 #A1A7DD #949AD9 #868CD4 #787ECF #6B71CB

#BDC3E7 - #6B71CB

HSV Blend

#BDC3E7 - #6B71CB | 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 #BDC3E7 as 0% and #6B71CB as 100%.

0.0%	0.0% #BDC3E7	RGB 189 195 231	#BDC3E7
16.7%	16.7% #AEB4E2	RGB 174 180 226	#AEB4E2
33.3%	33.3% #9FA7DD	RGB 159 167 221	#9FA7DD
50.0%	50.0% #9199D9	RGB 145 153 217	#9199D9
66.7%	66.7% #848BD4	RGB 132 139 212	#848BD4
83.3%	83.3% #777ECF	RGB 119 126 207	#777ECF
100.0%	100.0% #6B71CB	RGB 107 113 203	#6B71CB

#BDC3E7 #AEB4E2 #9FA7DD #9199D9 #848BD4 #777ECF #6B71CB

#BDC3E7 - #9199D9 - #6B71CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BDC3E7 0%, #9199D9 50%, #6B71CB 100%);
    background: -webkit-linear-gradient(top, #BDC3E7 0%, #9199D9 50%, #6B71CB 100%);
    background: linear-gradient(to bottom, #BDC3E7 0%, #9199D9 50%, #6B71CB 100%);
}
</style>