#D4B5CD - #FAFFCC | 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 #D4B5CD to #FAFFCC

#D4B5CD #FAFFCC

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

#D4B5CD - #FAFFCC | 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 #D4B5CD as 0% and #FAFFCC as 100%.

0.0%	0.0% #D4B5CD	RGB 212 181 205	#D4B5CD
16.7%	16.7% #DAC1CC	RGB 218 193 204	#DAC1CC
33.3%	33.3% #E0CDCC	RGB 224 205 204	#E0CDCC
50.0%	50.0% #E7DACC	RGB 231 218 204	#E7DACC
66.7%	66.7% #EDE6CC	RGB 237 230 204	#EDE6CC
83.3%	83.3% #F3F2CC	RGB 243 242 204	#F3F2CC
100.0%	100.0% #FAFFCC	RGB 250 255 204	#FAFFCC

#D4B5CD #DAC1CC #E0CDCC #E7DACC #EDE6CC #F3F2CC #FAFFCC

#D4B5CD - #FAFFCC

HSV Blend

#D4B5CD - #FAFFCC | 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 #D4B5CD as 0% and #FAFFCC as 100%.

0.0%	0.0% #D4B5CD	RGB 212 181 205	#D4B5CD
16.7%	16.7% #DBB9C8	RGB 219 185 200	#DBB9C8
33.3%	33.3% #E2BDC2	RGB 226 189 194	#E2BDC2
50.0%	50.0% #E9C7C1	RGB 233 199 193	#E9C7C1
66.7%	66.7% #F0D9C4	RGB 240 217 196	#F0D9C4
83.3%	83.3% #F7EDC8	RGB 247 237 200	#F7EDC8
100.0%	100.0% #FAFFCC	RGB 250 255 204	#FAFFCC

#D4B5CD #DBB9C8 #E2BDC2 #E9C7C1 #F0D9C4 #F7EDC8 #FAFFCC

#D4B5CD - #E9C7C1 - #FAFFCC

CSS codes

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

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