#B6BCC2 - #D6D2FF | 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 #B6BCC2 to #D6D2FF

#B6BCC2 #D6D2FF

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

#B6BCC2 - #D6D2FF | 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 #B6BCC2 as 0% and #D6D2FF as 100%.

0.0%	0.0% #B6BCC2	RGB 182 188 194	#B6BCC2
16.7%	16.7% #BBBFCC	RGB 187 191 204	#BBBFCC
33.3%	33.3% #C0C3D6	RGB 192 195 214	#C0C3D6
50.0%	50.0% #C6C7E0	RGB 198 199 224	#C6C7E0
66.7%	66.7% #CBCAEA	RGB 203 202 234	#CBCAEA
83.3%	83.3% #D0CEF4	RGB 208 206 244	#D0CEF4
100.0%	100.0% #D6D2FF	RGB 214 210 255	#D6D2FF

#B6BCC2 #BBBFCC #C0C3D6 #C6C7E0 #CBCAEA #D0CEF4 #D6D2FF

#B6BCC2 - #D6D2FF

HSV Blend

#B6BCC2 - #D6D2FF | 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 #B6BCC2 as 0% and #D6D2FF as 100%.

0.0%	0.0% #B6BCC2	RGB 182 188 194	#B6BCC2
16.7%	16.7% #BBC2CC	RGB 187 194 204	#BBC2CC
33.3%	33.3% #C0C7D6	RGB 192 199 214	#C0C7D6
50.0%	50.0% #C5CBE0	RGB 197 203 224	#C5CBE0
66.7%	66.7% #CACDEA	RGB 202 205 234	#CACDEA
83.3%	83.3% #CECEF4	RGB 206 206 244	#CECEF4
100.0%	100.0% #D6D2FF	RGB 214 210 255	#D6D2FF

#B6BCC2 #BBC2CC #C0C7D6 #C5CBE0 #CACDEA #CECEF4 #D6D2FF

#B6BCC2 - #C5CBE0 - #D6D2FF

CSS codes

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

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