#FFD7C0 - #DFAB5E | 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 #FFD7C0 to #DFAB5E

#FFD7C0 #DFAB5E

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

#FFD7C0 - #DFAB5E | 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 #FFD7C0 as 0% and #DFAB5E as 100%.

0.0%	0.0% #FFD7C0	RGB 255 215 192	#FFD7C0
16.7%	16.7% #F9CFAF	RGB 249 207 175	#F9CFAF
33.3%	33.3% #F4C89F	RGB 244 200 159	#F4C89F
50.0%	50.0% #EFC18F	RGB 239 193 143	#EFC18F
66.7%	66.7% #E9B97E	RGB 233 185 126	#E9B97E
83.3%	83.3% #E4B26E	RGB 228 178 110	#E4B26E
100.0%	100.0% #DFAB5E	RGB 223 171 94	#DFAB5E

#FFD7C0 #F9CFAF #F4C89F #EFC18F #E9B97E #E4B26E #DFAB5E

#FFD7C0 - #DFAB5E

HSV Blend

#FFD7C0 - #DFAB5E | 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 #FFD7C0 as 0% and #DFAB5E as 100%.

0.0%	0.0% #FFD7C0	RGB 255 215 192	#FFD7C0
16.7%	16.7% #F9CCAE	RGB 249 204 174	#F9CCAE
33.3%	33.3% #F4C39C	RGB 244 195 156	#F4C39C
50.0%	50.0% #EFBB8C	RGB 239 187 140	#EFBB8C
66.7%	66.7% #E9B57C	RGB 233 181 124	#E9B57C
83.3%	83.3% #E4AF6C	RGB 228 175 108	#E4AF6C
100.0%	100.0% #DFAB5E	RGB 223 171 94	#DFAB5E

#FFD7C0 #F9CCAE #F4C39C #EFBB8C #E9B57C #E4AF6C #DFAB5E

#FFD7C0 - #EFBB8C - #DFAB5E

CSS codes

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

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