#FFECD1 - #DFBB72 | 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 #FFECD1 to #DFBB72

#FFECD1 #DFBB72

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

#FFECD1 - #DFBB72 | 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 #FFECD1 as 0% and #DFBB72 as 100%.

0.0%	0.0% #FFECD1	RGB 255 236 209	#FFECD1
16.7%	16.7% #F9E3C1	RGB 249 227 193	#F9E3C1
33.3%	33.3% #F4DBB1	RGB 244 219 177	#F4DBB1
50.0%	50.0% #EFD3A1	RGB 239 211 161	#EFD3A1
66.7%	66.7% #E9CB91	RGB 233 203 145	#E9CB91
83.3%	83.3% #E4C381	RGB 228 195 129	#E4C381
100.0%	100.0% #DFBB72	RGB 223 187 114	#DFBB72

#FFECD1 #F9E3C1 #F4DBB1 #EFD3A1 #E9CB91 #E4C381 #DFBB72

#FFECD1 - #DFBB72

HSV Blend

#FFECD1 - #DFBB72 | 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 #FFECD1 as 0% and #DFBB72 as 100%.

0.0%	0.0% #FFECD1	RGB 255 236 209	#FFECD1
16.7%	16.7% #F9E2BF	RGB 249 226 191	#F9E2BF
33.3%	33.3% #F4D9AF	RGB 244 217 175	#F4D9AF
50.0%	50.0% #EFD19F	RGB 239 209 159	#EFD19F
66.7%	66.7% #E9C98F	RGB 233 201 143	#E9C98F
83.3%	83.3% #E4C180	RGB 228 193 128	#E4C180
100.0%	100.0% #DFBB72	RGB 223 187 114	#DFBB72

#FFECD1 #F9E2BF #F4D9AF #EFD19F #E9C98F #E4C180 #DFBB72

#FFECD1 - #EFD19F - #DFBB72

CSS codes

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

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