#B6B9DC - #ECCDFF | 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 #B6B9DC to #ECCDFF

#B6B9DC #ECCDFF

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

#B6B9DC - #ECCDFF | 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 #B6B9DC as 0% and #ECCDFF as 100%.

0.0%	0.0% #B6B9DC	RGB 182 185 220	#B6B9DC
16.7%	16.7% #BFBCE1	RGB 191 188 225	#BFBCE1
33.3%	33.3% #C8BFE7	RGB 200 191 231	#C8BFE7
50.0%	50.0% #D1C3ED	RGB 209 195 237	#D1C3ED
66.7%	66.7% #DAC6F3	RGB 218 198 243	#DAC6F3
83.3%	83.3% #E3C9F9	RGB 227 201 249	#E3C9F9
100.0%	100.0% #ECCDFF	RGB 236 205 255	#ECCDFF

#B6B9DC #BFBCE1 #C8BFE7 #D1C3ED #DAC6F3 #E3C9F9 #ECCDFF

#B6B9DC - #ECCDFF

HSV Blend

#B6B9DC - #ECCDFF | 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 #B6B9DC as 0% and #ECCDFF as 100%.

0.0%	0.0% #B6B9DC	RGB 182 185 220	#B6B9DC
16.7%	16.7% #BBB9E1	RGB 187 185 225	#BBB9E1
33.3%	33.3% #C4BDE7	RGB 196 189 231	#C4BDE7
50.0%	50.0% #CDC1ED	RGB 205 193 237	#CDC1ED
66.7%	66.7% #D7C5F3	RGB 215 197 243	#D7C5F3
83.3%	83.3% #E1C9F9	RGB 225 201 249	#E1C9F9
100.0%	100.0% #ECCDFF	RGB 236 205 255	#ECCDFF

#B6B9DC #BBB9E1 #C4BDE7 #CDC1ED #D7C5F3 #E1C9F9 #ECCDFF

#B6B9DC - #CDC1ED - #ECCDFF

CSS codes

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

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