#8C8CDA - #BBC7DE | 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 #8C8CDA to #BBC7DE

#8C8CDA #BBC7DE

Calculate the color between two colors, #8C8CDA and #BBC7DE. 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)

#8C8CDA - #BBC7DE | 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 #8C8CDA as 0% and #BBC7DE as 100%.

0.0%	0.0% #8C8CDA	RGB 140 140 218	#8C8CDA
16.7%	16.7% #9395DA	RGB 147 149 218	#9395DA
33.3%	33.3% #9B9FDB	RGB 155 159 219	#9B9FDB
50.0%	50.0% #A3A9DC	RGB 163 169 220	#A3A9DC
66.7%	66.7% #ABB3DC	RGB 171 179 220	#ABB3DC
83.3%	83.3% #B3BDDD	RGB 179 189 221	#B3BDDD
100.0%	100.0% #BBC7DE	RGB 187 199 222	#BBC7DE

#8C8CDA #9395DA #9B9FDB #A3A9DC #ABB3DC #B3BDDD #BBC7DE

#8C8CDA - #BBC7DE

HSV Blend

#8C8CDA - #BBC7DE | 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 #8C8CDA as 0% and #BBC7DE as 100%.

0.0%	0.0% #8C8CDA	RGB 140 140 218	#8C8CDA
16.7%	16.7% #9397DA	RGB 147 151 218	#9397DA
33.3%	33.3% #9BA2DB	RGB 155 162 219	#9BA2DB
50.0%	50.0% #A3ADDC	RGB 163 173 220	#A3ADDC
66.7%	66.7% #ABB6DC	RGB 171 182 220	#ABB6DC
83.3%	83.3% #B3BFDD	RGB 179 191 221	#B3BFDD
100.0%	100.0% #BBC7DE	RGB 187 199 222	#BBC7DE

#8C8CDA #9397DA #9BA2DB #A3ADDC #ABB6DC #B3BFDD #BBC7DE

#8C8CDA - #A3ADDC - #BBC7DE

CSS codes

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

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