#B9A8C2 - #D0EBD2 | 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 #B9A8C2 to #D0EBD2

#B9A8C2 #D0EBD2

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

#B9A8C2 - #D0EBD2 | 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 #B9A8C2 as 0% and #D0EBD2 as 100%.

0.0%	0.0% #B9A8C2	RGB 185 168 194	#B9A8C2
16.7%	16.7% #BCB3C4	RGB 188 179 196	#BCB3C4
33.3%	33.3% #C0BEC7	RGB 192 190 199	#C0BEC7
50.0%	50.0% #C4C9CA	RGB 196 201 202	#C4C9CA
66.7%	66.7% #C8D4CC	RGB 200 212 204	#C8D4CC
83.3%	83.3% #CCDFCF	RGB 204 223 207	#CCDFCF
100.0%	100.0% #D0EBD2	RGB 208 235 210	#D0EBD2

#B9A8C2 #BCB3C4 #C0BEC7 #C4C9CA #C8D4CC #CCDFCF #D0EBD2

#B9A8C2 - #D0EBD2

HSV Blend

#B9A8C2 - #D0EBD2 | 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 #B9A8C2 as 0% and #D0EBD2 as 100%.

0.0%	0.0% #B9A8C2	RGB 185 168 194	#B9A8C2
16.7%	16.7% #B4AEC8	RGB 180 174 200	#B4AEC8
33.3%	33.3% #B5BACF	RGB 181 186 207	#B5BACF
50.0%	50.0% #BBCCD6	RGB 187 204 214	#BBCCD6
66.7%	66.7% #C2DDDB	RGB 194 221 219	#C2DDDB
83.3%	83.3% #C9E4D6	RGB 201 228 214	#C9E4D6
100.0%	100.0% #D0EBD2	RGB 208 235 210	#D0EBD2

#B9A8C2 #B4AEC8 #B5BACF #BBCCD6 #C2DDDB #C9E4D6 #D0EBD2

#B9A8C2 - #BBCCD6 - #D0EBD2

CSS codes

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

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