#DF996B - #F5E1D4 | 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 #DF996B to #F5E1D4

#DF996B #F5E1D4

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

#DF996B - #F5E1D4 | 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 #DF996B as 0% and #F5E1D4 as 100%.

0.0%	0.0% #DF996B	RGB 223 153 107	#DF996B
16.7%	16.7% #E2A57C	RGB 226 165 124	#E2A57C
33.3%	33.3% #E6B18E	RGB 230 177 142	#E6B18E
50.0%	50.0% #EABD9F	RGB 234 189 159	#EABD9F
66.7%	66.7% #EDC9B1	RGB 237 201 177	#EDC9B1
83.3%	83.3% #F1D5C2	RGB 241 213 194	#F1D5C2
100.0%	100.0% #F5E1D4	RGB 245 225 212	#F5E1D4

#DF996B #E2A57C #E6B18E #EABD9F #EDC9B1 #F1D5C2 #F5E1D4

#DF996B - #F5E1D4

HSV Blend

#DF996B - #F5E1D4 | 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 #DF996B as 0% and #F5E1D4 as 100%.

0.0%	0.0% #DF996B	RGB 223 153 107	#DF996B
16.7%	16.7% #E2A47B	RGB 226 164 123	#E2A47B
33.3%	33.3% #E6AF8C	RGB 230 175 140	#E6AF8C
50.0%	50.0% #EABB9D	RGB 234 187 157	#EABB9D
66.7%	66.7% #EDC7AF	RGB 237 199 175	#EDC7AF
83.3%	83.3% #F1D4C1	RGB 241 212 193	#F1D4C1
100.0%	100.0% #F5E1D4	RGB 245 225 212	#F5E1D4

#DF996B #E2A47B #E6AF8C #EABB9D #EDC7AF #F1D4C1 #F5E1D4

#DF996B - #EABB9D - #F5E1D4

CSS codes

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

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