#B0AFDB - #FFE4D6 | 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 #B0AFDB to #FFE4D6

#B0AFDB #FFE4D6

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

#B0AFDB - #FFE4D6 | 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 #B0AFDB as 0% and #FFE4D6 as 100%.

0.0%	0.0% #B0AFDB	RGB 176 175 219	#B0AFDB
16.7%	16.7% #BDB7DA	RGB 189 183 218	#BDB7DA
33.3%	33.3% #CAC0D9	RGB 202 192 217	#CAC0D9
50.0%	50.0% #D7C9D8	RGB 215 201 216	#D7C9D8
66.7%	66.7% #E4D2D7	RGB 228 210 215	#E4D2D7
83.3%	83.3% #F1DBD6	RGB 241 219 214	#F1DBD6
100.0%	100.0% #FFE4D6	RGB 255 228 214	#FFE4D6

#B0AFDB #BDB7DA #CAC0D9 #D7C9D8 #E4D2D7 #F1DBD6 #FFE4D6

#B0AFDB - #FFE4D6

HSV Blend

#B0AFDB - #FFE4D6 | 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 #B0AFDB as 0% and #FFE4D6 as 100%.

0.0%	0.0% #B0AFDB	RGB 176 175 219	#B0AFDB
16.7%	16.7% #C7B5E1	RGB 199 181 225	#C7B5E1
33.3%	33.3% #DEBBE7	RGB 222 187 231	#DEBBE7
50.0%	50.0% #EDC2E5	RGB 237 194 229	#EDC2E5
66.7%	66.7% #F3C8DA	RGB 243 200 218	#F3C8DA
83.3%	83.3% #F9CFD1	RGB 249 207 209	#F9CFD1
100.0%	100.0% #FFE4D6	RGB 255 228 214	#FFE4D6

#B0AFDB #C7B5E1 #DEBBE7 #EDC2E5 #F3C8DA #F9CFD1 #FFE4D6

#B0AFDB - #EDC2E5 - #FFE4D6

CSS codes

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

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