#F2ECE7 - #DBB69D | 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 #F2ECE7 to #DBB69D

#F2ECE7 #DBB69D

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

#F2ECE7 - #DBB69D | 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 #F2ECE7 as 0% and #DBB69D as 100%.

0.0%	0.0% #F2ECE7	RGB 242 236 231	#F2ECE7
16.7%	16.7% #EEE3DA	RGB 238 227 218	#EEE3DA
33.3%	33.3% #EADACE	RGB 234 218 206	#EADACE
50.0%	50.0% #E6D1C2	RGB 230 209 194	#E6D1C2
66.7%	66.7% #E2C8B5	RGB 226 200 181	#E2C8B5
83.3%	83.3% #DEBFA9	RGB 222 191 169	#DEBFA9
100.0%	100.0% #DBB69D	RGB 219 182 157	#DBB69D

#F2ECE7 #EEE3DA #EADACE #E6D1C2 #E2C8B5 #DEBFA9 #DBB69D

#F2ECE7 - #DBB69D

HSV Blend

#F2ECE7 - #DBB69D | 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 #F2ECE7 as 0% and #DBB69D as 100%.

0.0%	0.0% #F2ECE7	RGB 242 236 231	#F2ECE7
16.7%	16.7% #EEE2D9	RGB 238 226 217	#EEE2D9
33.3%	33.3% #EAD9CD	RGB 234 217 205	#EAD9CD
50.0%	50.0% #E6D0C0	RGB 230 208 192	#E6D0C0
66.7%	66.7% #E2C7B4	RGB 226 199 180	#E2C7B4
83.3%	83.3% #DEBEA8	RGB 222 190 168	#DEBEA8
100.0%	100.0% #DBB69D	RGB 219 182 157	#DBB69D

#F2ECE7 #EEE2D9 #EAD9CD #E6D0C0 #E2C7B4 #DEBEA8 #DBB69D

#F2ECE7 - #E6D0C0 - #DBB69D

CSS codes

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

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