#B4AAB5 - #FFC3C7 | 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 #B4AAB5 to #FFC3C7

#B4AAB5 #FFC3C7

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

#B4AAB5 - #FFC3C7 | 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 #B4AAB5 as 0% and #FFC3C7 as 100%.

0.0%	0.0% #B4AAB5	RGB 180 170 181	#B4AAB5
16.7%	16.7% #C0AEB8	RGB 192 174 184	#C0AEB8
33.3%	33.3% #CDB2BB	RGB 205 178 187	#CDB2BB
50.0%	50.0% #D9B6BE	RGB 217 182 190	#D9B6BE
66.7%	66.7% #E6BAC1	RGB 230 186 193	#E6BAC1
83.3%	83.3% #F2BEC4	RGB 242 190 196	#F2BEC4
100.0%	100.0% #FFC3C7	RGB 255 195 199	#FFC3C7

#B4AAB5 #C0AEB8 #CDB2BB #D9B6BE #E6BAC1 #F2BEC4 #FFC3C7

#B4AAB5 - #FFC3C7

HSV Blend

#B4AAB5 - #FFC3C7 | 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 #B4AAB5 as 0% and #FFC3C7 as 100%.

0.0%	0.0% #B4AAB5	RGB 180 170 181	#B4AAB5
16.7%	16.7% #C1AFBF	RGB 193 175 191	#C1AFBF
33.3%	33.3% #CDB5C7	RGB 205 181 199	#CDB5C7
50.0%	50.0% #DAB9CC	RGB 218 185 204	#DAB9CC
66.7%	66.7% #E6BDCE	RGB 230 189 206	#E6BDCE
83.3%	83.3% #F2C0CC	RGB 242 192 204	#F2C0CC
100.0%	100.0% #FFC3C7	RGB 255 195 199	#FFC3C7

#B4AAB5 #C1AFBF #CDB5C7 #DAB9CC #E6BDCE #F2C0CC #FFC3C7

#B4AAB5 - #DAB9CC - #FFC3C7

CSS codes

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

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