#B6AFB2 - #FFBFE6 | 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 #B6AFB2 to #FFBFE6

#B6AFB2 #FFBFE6

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

#B6AFB2 - #FFBFE6 | 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 #B6AFB2 as 0% and #FFBFE6 as 100%.

0.0%	0.0% #B6AFB2	RGB 182 175 178	#B6AFB2
16.7%	16.7% #C2B1BA	RGB 194 177 186	#C2B1BA
33.3%	33.3% #CEB4C3	RGB 206 180 195	#CEB4C3
50.0%	50.0% #DAB7CC	RGB 218 183 204	#DAB7CC
66.7%	66.7% #E6B9D4	RGB 230 185 212	#E6B9D4
83.3%	83.3% #F2BCDD	RGB 242 188 221	#F2BCDD
100.0%	100.0% #FFBFE6	RGB 255 191 230	#FFBFE6

#B6AFB2 #C2B1BA #CEB4C3 #DAB7CC #E6B9D4 #F2BCDD #FFBFE6

#B6AFB2 - #FFBFE6

HSV Blend

#B6AFB2 - #FFBFE6 | 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 #B6AFB2 as 0% and #FFBFE6 as 100%.

0.0%	0.0% #B6AFB2	RGB 182 175 178	#B6AFB2
16.7%	16.7% #C2B3BA	RGB 194 179 186	#C2B3BA
33.3%	33.3% #CEB7C2	RGB 206 183 194	#CEB7C2
50.0%	50.0% #DABACB	RGB 218 186 203	#DABACB
66.7%	66.7% #E6BDD3	RGB 230 189 211	#E6BDD3
83.3%	83.3% #F2BEDC	RGB 242 190 220	#F2BEDC
100.0%	100.0% #FFBFE6	RGB 255 191 230	#FFBFE6

#B6AFB2 #C2B3BA #CEB7C2 #DABACB #E6BDD3 #F2BEDC #FFBFE6

#B6AFB2 - #DABACB - #FFBFE6

CSS codes

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

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