#FFF2DA - #DBD87E | 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 #FFF2DA to #DBD87E

#FFF2DA #DBD87E

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

#FFF2DA - #DBD87E | 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 #FFF2DA as 0% and #DBD87E as 100%.

0.0%	0.0% #FFF2DA	RGB 255 242 218	#FFF2DA
16.7%	16.7% #F9EDCA	RGB 249 237 202	#F9EDCA
33.3%	33.3% #F3E9BB	RGB 243 233 187	#F3E9BB
50.0%	50.0% #EDE5AC	RGB 237 229 172	#EDE5AC
66.7%	66.7% #E7E09C	RGB 231 224 156	#E7E09C
83.3%	83.3% #E1DC8D	RGB 225 220 141	#E1DC8D
100.0%	100.0% #DBD87E	RGB 219 216 126	#DBD87E

#FFF2DA #F9EDCA #F3E9BB #EDE5AC #E7E09C #E1DC8D #DBD87E

#FFF2DA - #DBD87E

HSV Blend

#FFF2DA - #DBD87E | 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 #FFF2DA as 0% and #DBD87E as 100%.

0.0%	0.0% #FFF2DA	RGB 255 242 218	#FFF2DA
16.7%	16.7% #F9EAC9	RGB 249 234 201	#F9EAC9
33.3%	33.3% #F3E4B9	RGB 243 228 185	#F3E4B9
50.0%	50.0% #EDE0A9	RGB 237 224 169	#EDE0A9
66.7%	66.7% #E7DC9A	RGB 231 220 154	#E7DC9A
83.3%	83.3% #E1D98B	RGB 225 217 139	#E1D98B
100.0%	100.0% #DBD87E	RGB 219 216 126	#DBD87E

#FFF2DA #F9EAC9 #F3E4B9 #EDE0A9 #E7DC9A #E1D98B #DBD87E

#FFF2DA - #EDE0A9 - #DBD87E

CSS codes

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

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