#DFB08F - #DAFFD7 | 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 #DFB08F to #DAFFD7

#DFB08F #DAFFD7

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

#DFB08F - #DAFFD7 | 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 #DFB08F as 0% and #DAFFD7 as 100%.

0.0%	0.0% #DFB08F	RGB 223 176 143	#DFB08F
16.7%	16.7% #DEBD9B	RGB 222 189 155	#DEBD9B
33.3%	33.3% #DDCAA7	RGB 221 202 167	#DDCAA7
50.0%	50.0% #DCD7B3	RGB 220 215 179	#DCD7B3
66.7%	66.7% #DBE4BF	RGB 219 228 191	#DBE4BF
83.3%	83.3% #DAF1CB	RGB 218 241 203	#DAF1CB
100.0%	100.0% #DAFFD7	RGB 218 255 215	#DAFFD7

#DFB08F #DEBD9B #DDCAA7 #DCD7B3 #DBE4BF #DAF1CB #DAFFD7

#DFB08F - #DAFFD7

HSV Blend

#DFB08F - #DAFFD7 | 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 #DFB08F as 0% and #DAFFD7 as 100%.

0.0%	0.0% #DFB08F	RGB 223 176 143	#DFB08F
16.7%	16.7% #E4CB9A	RGB 228 203 154	#E4CB9A
33.3%	33.3% #E9E3A5	RGB 233 227 165	#E9E3A5
50.0%	50.0% #E4EFB1	RGB 228 239 177	#E4EFB1
66.7%	66.7% #DDF4BD	RGB 221 244 189	#DDF4BD
83.3%	83.3% #D9F9CA	RGB 217 249 202	#D9F9CA
100.0%	100.0% #DAFFD7	RGB 218 255 215	#DAFFD7

#DFB08F #E4CB9A #E9E3A5 #E4EFB1 #DDF4BD #D9F9CA #DAFFD7

#DFB08F - #E4EFB1 - #DAFFD7

CSS codes

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

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