#FFFAF8 - #DBBE9F | 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 #FFFAF8 to #DBBE9F

#FFFAF8 #DBBE9F

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

#FFFAF8 - #DBBE9F | 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 #FFFAF8 as 0% and #DBBE9F as 100%.

0.0%	0.0% #FFFAF8	RGB 255 250 248	#FFFAF8
16.7%	16.7% #F9F0E9	RGB 249 240 233	#F9F0E9
33.3%	33.3% #F3E6DA	RGB 243 230 218	#F3E6DA
50.0%	50.0% #EDDCCB	RGB 237 220 203	#EDDCCB
66.7%	66.7% #E7D2BC	RGB 231 210 188	#E7D2BC
83.3%	83.3% #E1C8AD	RGB 225 200 173	#E1C8AD
100.0%	100.0% #DBBE9F	RGB 219 190 159	#DBBE9F

#FFFAF8 #F9F0E9 #F3E6DA #EDDCCB #E7D2BC #E1C8AD #DBBE9F

#FFFAF8 - #DBBE9F

HSV Blend

#FFFAF8 - #DBBE9F | 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 #FFFAF8 as 0% and #DBBE9F as 100%.

0.0%	0.0% #FFFAF8	RGB 255 250 248	#FFFAF8
16.7%	16.7% #F9EDE7	RGB 249 237 231	#F9EDE7
33.3%	33.3% #F3E2D8	RGB 243 226 216	#F3E2D8
50.0%	50.0% #EDD7C9	RGB 237 215 201	#EDD7C9
66.7%	66.7% #E7CEBA	RGB 231 206 186	#E7CEBA
83.3%	83.3% #E1C5AC	RGB 225 197 172	#E1C5AC
100.0%	100.0% #DBBE9F	RGB 219 190 159	#DBBE9F

#FFFAF8 #F9EDE7 #F3E2D8 #EDD7C9 #E7CEBA #E1C5AC #DBBE9F

#FFFAF8 - #EDD7C9 - #DBBE9F

CSS codes

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

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