#B5A1B2 - #DFB9EE | 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 #B5A1B2 to #DFB9EE

#B5A1B2 #DFB9EE

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

#B5A1B2 - #DFB9EE | 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 #B5A1B2 as 0% and #DFB9EE as 100%.

0.0%	0.0% #B5A1B2	RGB 181 161 178	#B5A1B2
16.7%	16.7% #BCA5BC	RGB 188 165 188	#BCA5BC
33.3%	33.3% #C3A9C6	RGB 195 169 198	#C3A9C6
50.0%	50.0% #CAADD0	RGB 202 173 208	#CAADD0
66.7%	66.7% #D1B1DA	RGB 209 177 218	#D1B1DA
83.3%	83.3% #D8B5E4	RGB 216 181 228	#D8B5E4
100.0%	100.0% #DFB9EE	RGB 223 185 238	#DFB9EE

#B5A1B2 #BCA5BC #C3A9C6 #CAADD0 #D1B1DA #D8B5E4 #DFB9EE

#B5A1B2 - #DFB9EE

HSV Blend

#B5A1B2 - #DFB9EE | 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 #B5A1B2 as 0% and #DFB9EE as 100%.

0.0%	0.0% #B5A1B2	RGB 181 161 178	#B5A1B2
16.7%	16.7% #BEA5BC	RGB 190 165 188	#BEA5BC
33.3%	33.3% #C8AAC7	RGB 200 170 199	#C8AAC7
50.0%	50.0% #CFAED1	RGB 207 174 209	#CFAED1
66.7%	66.7% #D5B2DB	RGB 213 178 219	#D5B2DB
83.3%	83.3% #DAB5E4	RGB 218 181 228	#DAB5E4
100.0%	100.0% #DFB9EE	RGB 223 185 238	#DFB9EE

#B5A1B2 #BEA5BC #C8AAC7 #CFAED1 #D5B2DB #DAB5E4 #DFB9EE

#B5A1B2 - #CFAED1 - #DFB9EE

CSS codes

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

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