#DAB8C3 - #FFF2DB | 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 #DAB8C3 to #FFF2DB

#DAB8C3 #FFF2DB

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

#DAB8C3 - #FFF2DB | 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 #DAB8C3 as 0% and #FFF2DB as 100%.

0.0%	0.0% #DAB8C3	RGB 218 184 195	#DAB8C3
16.7%	16.7% #E0C1C7	RGB 224 193 199	#E0C1C7
33.3%	33.3% #E6CBCB	RGB 230 203 203	#E6CBCB
50.0%	50.0% #ECD5CF	RGB 236 213 207	#ECD5CF
66.7%	66.7% #F2DED3	RGB 242 222 211	#F2DED3
83.3%	83.3% #F8E8D7	RGB 248 232 215	#F8E8D7
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#DAB8C3 #E0C1C7 #E6CBCB #ECD5CF #F2DED3 #F8E8D7 #FFF2DB

#DAB8C3 - #FFF2DB

HSV Blend

#DAB8C3 - #FFF2DB | 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 #DAB8C3 as 0% and #FFF2DB as 100%.

0.0%	0.0% #DAB8C3	RGB 218 184 195	#DAB8C3
16.7%	16.7% #E0BDC3	RGB 224 189 195	#E0BDC3
33.3%	33.3% #E6C3C3	RGB 230 195 195	#E6C3C3
50.0%	50.0% #ECCEC9	RGB 236 206 201	#ECCEC9
66.7%	66.7% #F2DACF	RGB 242 218 207	#F2DACF
83.3%	83.3% #F8E6D5	RGB 248 230 213	#F8E6D5
100.0%	100.0% #FFF2DB	RGB 255 242 219	#FFF2DB

#DAB8C3 #E0BDC3 #E6C3C3 #ECCEC9 #F2DACF #F8E6D5 #FFF2DB

#DAB8C3 - #ECCEC9 - #FFF2DB

CSS codes

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

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