#DFC7CE - #FEFFF0 | 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 #DFC7CE to #FEFFF0

#DFC7CE #FEFFF0

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

#DFC7CE - #FEFFF0 | 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 #DFC7CE as 0% and #FEFFF0 as 100%.

0.0%	0.0% #DFC7CE	RGB 223 199 206	#DFC7CE
16.7%	16.7% #E4D0D3	RGB 228 208 211	#E4D0D3
33.3%	33.3% #E9D9D9	RGB 233 217 217	#E9D9D9
50.0%	50.0% #EEE3DF	RGB 238 227 223	#EEE3DF
66.7%	66.7% #F3ECE4	RGB 243 236 228	#F3ECE4
83.3%	83.3% #F8F5EA	RGB 248 245 234	#F8F5EA
100.0%	100.0% #FEFFF0	RGB 254 255 240	#FEFFF0

#DFC7CE #E4D0D3 #E9D9D9 #EEE3DF #F3ECE4 #F8F5EA #FEFFF0

#DFC7CE - #FEFFF0

HSV Blend

#DFC7CE - #FEFFF0 | 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 #DFC7CE as 0% and #FEFFF0 as 100%.

0.0%	0.0% #DFC7CE	RGB 223 199 206	#DFC7CE
16.7%	16.7% #E4CDCF	RGB 228 205 207	#E4CDCF
33.3%	33.3% #E9D7D4	RGB 233 215 212	#E9D7D4
50.0%	50.0% #EFE2DB	RGB 239 226 219	#EFE2DB
66.7%	66.7% #F4EDE1	RGB 244 237 225	#F4EDE1
83.3%	83.3% #F9F6E8	RGB 249 246 232	#F9F6E8
100.0%	100.0% #FEFFF0	RGB 254 255 240	#FEFFF0

#DFC7CE #E4CDCF #E9D7D4 #EFE2DB #F4EDE1 #F9F6E8 #FEFFF0

#DFC7CE - #EFE2DB - #FEFFF0

CSS codes

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

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