#DBBAAE - #FFEFCC | 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 #DBBAAE to #FFEFCC

#DBBAAE #FFEFCC

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

#DBBAAE - #FFEFCC | 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 #DBBAAE as 0% and #FFEFCC as 100%.

0.0%	0.0% #DBBAAE	RGB 219 186 174	#DBBAAE
16.7%	16.7% #E1C2B3	RGB 225 194 179	#E1C2B3
33.3%	33.3% #E7CBB8	RGB 231 203 184	#E7CBB8
50.0%	50.0% #EDD4BD	RGB 237 212 189	#EDD4BD
66.7%	66.7% #F3DDC2	RGB 243 221 194	#F3DDC2
83.3%	83.3% #F9E6C7	RGB 249 230 199	#F9E6C7
100.0%	100.0% #FFEFCC	RGB 255 239 204	#FFEFCC

#DBBAAE #E1C2B3 #E7CBB8 #EDD4BD #F3DDC2 #F9E6C7 #FFEFCC

#DBBAAE - #FFEFCC

HSV Blend

#DBBAAE - #FFEFCC | 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 #DBBAAE as 0% and #FFEFCC as 100%.

0.0%	0.0% #DBBAAE	RGB 219 186 174	#DBBAAE
16.7%	16.7% #E1C2B2	RGB 225 194 178	#E1C2B2
33.3%	33.3% #E7CBB7	RGB 231 203 183	#E7CBB7
50.0%	50.0% #EDD3BC	RGB 237 211 188	#EDD3BC
66.7%	66.7% #F3DCC1	RGB 243 220 193	#F3DCC1
83.3%	83.3% #F9E5C6	RGB 249 229 198	#F9E5C6
100.0%	100.0% #FFEFCC	RGB 255 239 204	#FFEFCC

#DBBAAE #E1C2B2 #E7CBB7 #EDD3BC #F3DCC1 #F9E5C6 #FFEFCC

#DBBAAE - #EDD3BC - #FFEFCC

CSS codes

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

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