#DFD3A2 - #FFF0BE | 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 #DFD3A2 to #FFF0BE

#DFD3A2 #FFF0BE

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

#DFD3A2 - #FFF0BE | 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 #DFD3A2 as 0% and #FFF0BE as 100%.

0.0%	0.0% #DFD3A2	RGB 223 211 162	#DFD3A2
16.7%	16.7% #E4D7A6	RGB 228 215 166	#E4D7A6
33.3%	33.3% #E9DCAB	RGB 233 220 171	#E9DCAB
50.0%	50.0% #EFE1B0	RGB 239 225 176	#EFE1B0
66.7%	66.7% #F4E6B4	RGB 244 230 180	#F4E6B4
83.3%	83.3% #F9EBB9	RGB 249 235 185	#F9EBB9
100.0%	100.0% #FFF0BE	RGB 255 240 190	#FFF0BE

#DFD3A2 #E4D7A6 #E9DCAB #EFE1B0 #F4E6B4 #F9EBB9 #FFF0BE

#DFD3A2 - #FFF0BE

HSV Blend

#DFD3A2 - #FFF0BE | 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 #DFD3A2 as 0% and #FFF0BE as 100%.

0.0%	0.0% #DFD3A2	RGB 223 211 162	#DFD3A2
16.7%	16.7% #E4D7A6	RGB 228 215 166	#E4D7A6
33.3%	33.3% #E9DCAB	RGB 233 220 171	#E9DCAB
50.0%	50.0% #EFE1AF	RGB 239 225 175	#EFE1AF
66.7%	66.7% #F4E6B4	RGB 244 230 180	#F4E6B4
83.3%	83.3% #F9EBB9	RGB 249 235 185	#F9EBB9
100.0%	100.0% #FFF0BE	RGB 255 240 190	#FFF0BE

#DFD3A2 #E4D7A6 #E9DCAB #EFE1AF #F4E6B4 #F9EBB9 #FFF0BE

#DFD3A2 - #EFE1AF - #FFF0BE

CSS codes

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

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