#FEEFFE - #B5ABC8 | 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 #FEEFFE to #B5ABC8

#FEEFFE #B5ABC8

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

#FEEFFE - #B5ABC8 | 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 #FEEFFE as 0% and #B5ABC8 as 100%.

0.0%	0.0% #FEEFFE	RGB 254 239 254	#FEEFFE
16.7%	16.7% #F1E3F5	RGB 241 227 245	#F1E3F5
33.3%	33.3% #E5D8EC	RGB 229 216 236	#E5D8EC
50.0%	50.0% #D9CDE3	RGB 217 205 227	#D9CDE3
66.7%	66.7% #CDC1DA	RGB 205 193 218	#CDC1DA
83.3%	83.3% #C1B6D1	RGB 193 182 209	#C1B6D1
100.0%	100.0% #B5ABC8	RGB 181 171 200	#B5ABC8

#FEEFFE #F1E3F5 #E5D8EC #D9CDE3 #CDC1DA #C1B6D1 #B5ABC8

#FEEFFE - #B5ABC8

HSV Blend

#FEEFFE - #B5ABC8 | 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 #FEEFFE as 0% and #B5ABC8 as 100%.

0.0%	0.0% #FEEFFE	RGB 254 239 254	#FEEFFE
16.7%	16.7% #F3E3F5	RGB 243 227 245	#F3E3F5
33.3%	33.3% #E7D7EC	RGB 231 215 236	#E7D7EC
50.0%	50.0% #DBCBE3	RGB 219 203 227	#DBCBE3
66.7%	66.7% #CEC0DA	RGB 206 192 218	#CEC0DA
83.3%	83.3% #C2B5D1	RGB 194 181 209	#C2B5D1
100.0%	100.0% #B5ABC8	RGB 181 171 200	#B5ABC8

#FEEFFE #F3E3F5 #E7D7EC #DBCBE3 #CEC0DA #C2B5D1 #B5ABC8

#FEEFFE - #DBCBE3 - #B5ABC8

CSS codes

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

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