#DBA1B8 - #FFFCD4 | 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 #DBA1B8 to #FFFCD4

#DBA1B8 #FFFCD4

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

#DBA1B8 - #FFFCD4 | 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 #DBA1B8 as 0% and #FFFCD4 as 100%.

0.0%	0.0% #DBA1B8	RGB 219 161 184	#DBA1B8
16.7%	16.7% #E1B0BC	RGB 225 176 188	#E1B0BC
33.3%	33.3% #E7BFC1	RGB 231 191 193	#E7BFC1
50.0%	50.0% #EDCEC6	RGB 237 206 198	#EDCEC6
66.7%	66.7% #F3DDCA	RGB 243 221 202	#F3DDCA
83.3%	83.3% #F9ECCF	RGB 249 236 207	#F9ECCF
100.0%	100.0% #FFFCD4	RGB 255 252 212	#FFFCD4

#DBA1B8 #E1B0BC #E7BFC1 #EDCEC6 #F3DDCA #F9ECCF #FFFCD4

#DBA1B8 - #FFFCD4

HSV Blend

#DBA1B8 - #FFFCD4 | 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 #DBA1B8 as 0% and #FFFCD4 as 100%.

0.0%	0.0% #DBA1B8	RGB 219 161 184	#DBA1B8
16.7%	16.7% #E1A9B2	RGB 225 169 178	#E1A9B2
33.3%	33.3% #E7B3B1	RGB 231 179 177	#E7B3B1
50.0%	50.0% #EDC7B9	RGB 237 199 185	#EDC7B9
66.7%	66.7% #F3DAC2	RGB 243 218 194	#F3DAC2
83.3%	83.3% #F9EBCB	RGB 249 235 203	#F9EBCB
100.0%	100.0% #FFFCD4	RGB 255 252 212	#FFFCD4

#DBA1B8 #E1A9B2 #E7B3B1 #EDC7B9 #F3DAC2 #F9EBCB #FFFCD4

#DBA1B8 - #EDC7B9 - #FFFCD4

CSS codes

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

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