#DFCBDA - #FFFAD2 | 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 #DFCBDA to #FFFAD2

#DFCBDA #FFFAD2

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

#DFCBDA - #FFFAD2 | 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 #DFCBDA as 0% and #FFFAD2 as 100%.

0.0%	0.0% #DFCBDA	RGB 223 203 218	#DFCBDA
16.7%	16.7% #E4D2D8	RGB 228 210 216	#E4D2D8
33.3%	33.3% #E9DAD7	RGB 233 218 215	#E9DAD7
50.0%	50.0% #EFE2D6	RGB 239 226 214	#EFE2D6
66.7%	66.7% #F4EAD4	RGB 244 234 212	#F4EAD4
83.3%	83.3% #F9F2D3	RGB 249 242 211	#F9F2D3
100.0%	100.0% #FFFAD2	RGB 255 250 210	#FFFAD2

#DFCBDA #E4D2D8 #E9DAD7 #EFE2D6 #F4EAD4 #F9F2D3 #FFFAD2

#DFCBDA - #FFFAD2

HSV Blend

#DFCBDA - #FFFAD2 | 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 #DFCBDA as 0% and #FFFAD2 as 100%.

0.0%	0.0% #DFCBDA	RGB 223 203 218	#DFCBDA
16.7%	16.7% #E4CCD7	RGB 228 204 215	#E4CCD7
33.3%	33.3% #E9CDD3	RGB 233 205 211	#E9CDD3
50.0%	50.0% #EFD1CF	RGB 239 209 207	#EFD1CF
66.7%	66.7% #F4DCD0	RGB 244 220 208	#F4DCD0
83.3%	83.3% #F9EAD1	RGB 249 234 209	#F9EAD1
100.0%	100.0% #FFFAD2	RGB 255 250 210	#FFFAD2

#DFCBDA #E4CCD7 #E9CDD3 #EFD1CF #F4DCD0 #F9EAD1 #FFFAD2

#DFCBDA - #EFD1CF - #FFFAD2

CSS codes

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

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