#D9CAAB - #FFEFC4 | 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 #D9CAAB to #FFEFC4

#D9CAAB #FFEFC4

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

#D9CAAB - #FFEFC4 | 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 #D9CAAB as 0% and #FFEFC4 as 100%.

0.0%	0.0% #D9CAAB	RGB 217 202 171	#D9CAAB
16.7%	16.7% #DFD0AF	RGB 223 208 175	#DFD0AF
33.3%	33.3% #E5D6B3	RGB 229 214 179	#E5D6B3
50.0%	50.0% #ECDCB7	RGB 236 220 183	#ECDCB7
66.7%	66.7% #F2E2BB	RGB 242 226 187	#F2E2BB
83.3%	83.3% #F8E8BF	RGB 248 232 191	#F8E8BF
100.0%	100.0% #FFEFC4	RGB 255 239 196	#FFEFC4

#D9CAAB #DFD0AF #E5D6B3 #ECDCB7 #F2E2BB #F8E8BF #FFEFC4

#D9CAAB - #FFEFC4

HSV Blend

#D9CAAB - #FFEFC4 | 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 #D9CAAB as 0% and #FFEFC4 as 100%.

0.0%	0.0% #D9CAAB	RGB 217 202 171	#D9CAAB
16.7%	16.7% #DFD0AF	RGB 223 208 175	#DFD0AF
33.3%	33.3% #E5D6B3	RGB 229 214 179	#E5D6B3
50.0%	50.0% #ECDCB7	RGB 236 220 183	#ECDCB7
66.7%	66.7% #F2E2BB	RGB 242 226 187	#F2E2BB
83.3%	83.3% #F8E8BF	RGB 248 232 191	#F8E8BF
100.0%	100.0% #FFEFC4	RGB 255 239 196	#FFEFC4

#D9CAAB #DFD0AF #E5D6B3 #ECDCB7 #F2E2BB #F8E8BF #FFEFC4

#D9CAAB - #ECDCB7 - #FFEFC4

CSS codes

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

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