#B6B4D3 - #FFE6D0 | 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 #B6B4D3 to #FFE6D0

#B6B4D3 #FFE6D0

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

#B6B4D3 - #FFE6D0 | 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 #B6B4D3 as 0% and #FFE6D0 as 100%.

0.0%	0.0% #B6B4D3	RGB 182 180 211	#B6B4D3
16.7%	16.7% #C2BCD2	RGB 194 188 210	#C2BCD2
33.3%	33.3% #CEC4D2	RGB 206 196 210	#CEC4D2
50.0%	50.0% #DACDD1	RGB 218 205 209	#DACDD1
66.7%	66.7% #E6D5D1	RGB 230 213 209	#E6D5D1
83.3%	83.3% #F2DDD0	RGB 242 221 208	#F2DDD0
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#B6B4D3 #C2BCD2 #CEC4D2 #DACDD1 #E6D5D1 #F2DDD0 #FFE6D0

#B6B4D3 - #FFE6D0

HSV Blend

#B6B4D3 - #FFE6D0 | 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 #B6B4D3 as 0% and #FFE6D0 as 100%.

0.0%	0.0% #B6B4D3	RGB 182 180 211	#B6B4D3
16.7%	16.7% #C8B8DA	RGB 200 184 218	#C8B8DA
33.3%	33.3% #DCBDE1	RGB 220 189 225	#DCBDE1
50.0%	50.0% #E9C2DE	RGB 233 194 222	#E9C2DE
66.7%	66.7% #F0C7D4	RGB 240 199 212	#F0C7D4
83.3%	83.3% #F7CECB	RGB 247 206 203	#F7CECB
100.0%	100.0% #FFE6D0	RGB 255 230 208	#FFE6D0

#B6B4D3 #C8B8DA #DCBDE1 #E9C2DE #F0C7D4 #F7CECB #FFE6D0

#B6B4D3 - #E9C2DE - #FFE6D0

CSS codes

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

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