#B6B8C2 - #E3D2FF | 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 #B6B8C2 to #E3D2FF

#B6B8C2 #E3D2FF

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

#B6B8C2 - #E3D2FF | 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 #B6B8C2 as 0% and #E3D2FF as 100%.

0.0%	0.0% #B6B8C2	RGB 182 184 194	#B6B8C2
16.7%	16.7% #BDBCCC	RGB 189 188 204	#BDBCCC
33.3%	33.3% #C5C0D6	RGB 197 192 214	#C5C0D6
50.0%	50.0% #CCC5E0	RGB 204 197 224	#CCC5E0
66.7%	66.7% #D4C9EA	RGB 212 201 234	#D4C9EA
83.3%	83.3% #DBCDF4	RGB 219 205 244	#DBCDF4
100.0%	100.0% #E3D2FF	RGB 227 210 255	#E3D2FF

#B6B8C2 #BDBCCC #C5C0D6 #CCC5E0 #D4C9EA #DBCDF4 #E3D2FF

#B6B8C2 - #E3D2FF

HSV Blend

#B6B8C2 - #E3D2FF | 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 #B6B8C2 as 0% and #E3D2FF as 100%.

0.0%	0.0% #B6B8C2	RGB 182 184 194	#B6B8C2
16.7%	16.7% #BBBCCC	RGB 187 188 204	#BBBCCC
33.3%	33.3% #C1C0D6	RGB 193 192 214	#C1C0D6
50.0%	50.0% #C8C5E0	RGB 200 197 224	#C8C5E0
66.7%	66.7% #D0CAEA	RGB 208 202 234	#D0CAEA
83.3%	83.3% #D9CEF4	RGB 217 206 244	#D9CEF4
100.0%	100.0% #E3D2FF	RGB 227 210 255	#E3D2FF

#B6B8C2 #BBBCCC #C1C0D6 #C8C5E0 #D0CAEA #D9CEF4 #E3D2FF

#B6B8C2 - #C8C5E0 - #E3D2FF

CSS codes

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

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