#7D93DA - #BCCBDF | 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 #7D93DA to #BCCBDF

#7D93DA #BCCBDF

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

#7D93DA - #BCCBDF | 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 #7D93DA as 0% and #BCCBDF as 100%.

0.0%	0.0% #7D93DA	RGB 125 147 218	#7D93DA
16.7%	16.7% #879CDA	RGB 135 156 218	#879CDA
33.3%	33.3% #92A5DB	RGB 146 165 219	#92A5DB
50.0%	50.0% #9CAFDC	RGB 156 175 220	#9CAFDC
66.7%	66.7% #A7B8DD	RGB 167 184 221	#A7B8DD
83.3%	83.3% #B1C1DE	RGB 177 193 222	#B1C1DE
100.0%	100.0% #BCCBDF	RGB 188 203 223	#BCCBDF

#7D93DA #879CDA #92A5DB #9CAFDC #A7B8DD #B1C1DE #BCCBDF

#7D93DA - #BCCBDF

HSV Blend

#7D93DA - #BCCBDF | 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 #7D93DA as 0% and #BCCBDF as 100%.

0.0%	0.0% #7D93DA	RGB 125 147 218	#7D93DA
16.7%	16.7% #879DDA	RGB 135 157 218	#879DDA
33.3%	33.3% #91A7DB	RGB 145 167 219	#91A7DB
50.0%	50.0% #9CB1DC	RGB 156 177 220	#9CB1DC
66.7%	66.7% #A6BADD	RGB 166 186 221	#A6BADD
83.3%	83.3% #B1C3DE	RGB 177 195 222	#B1C3DE
100.0%	100.0% #BCCBDF	RGB 188 203 223	#BCCBDF

#7D93DA #879DDA #91A7DB #9CB1DC #A6BADD #B1C3DE #BCCBDF

#7D93DA - #9CB1DC - #BCCBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D93DA 0%, #9CB1DC 50%, #BCCBDF 100%);
    background: -webkit-linear-gradient(top, #7D93DA 0%, #9CB1DC 50%, #BCCBDF 100%);
    background: linear-gradient(to bottom, #7D93DA 0%, #9CB1DC 50%, #BCCBDF 100%);
}
</style>