#DFB0CB - #FEF0E2 | 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 #DFB0CB to #FEF0E2

#DFB0CB #FEF0E2

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

#DFB0CB - #FEF0E2 | 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 #DFB0CB as 0% and #FEF0E2 as 100%.

0.0%	0.0% #DFB0CB	RGB 223 176 203	#DFB0CB
16.7%	16.7% #E4BACE	RGB 228 186 206	#E4BACE
33.3%	33.3% #E9C5D2	RGB 233 197 210	#E9C5D2
50.0%	50.0% #EED0D6	RGB 238 208 214	#EED0D6
66.7%	66.7% #F3DADA	RGB 243 218 218	#F3DADA
83.3%	83.3% #F8E5DE	RGB 248 229 222	#F8E5DE
100.0%	100.0% #FEF0E2	RGB 254 240 226	#FEF0E2

#DFB0CB #E4BACE #E9C5D2 #EED0D6 #F3DADA #F8E5DE #FEF0E2

#DFB0CB - #FEF0E2

HSV Blend

#DFB0CB - #FEF0E2 | 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 #DFB0CB as 0% and #FEF0E2 as 100%.

0.0%	0.0% #DFB0CB	RGB 223 176 203	#DFB0CB
16.7%	16.7% #E4B7C9	RGB 228 183 201	#E4B7C9
33.3%	33.3% #E9BFC8	RGB 233 191 200	#E9BFC8
50.0%	50.0% #EEC8C9	RGB 238 200 201	#EEC8C9
66.7%	66.7% #F3D5D0	RGB 243 213 208	#F3D5D0
83.3%	83.3% #F8E3D9	RGB 248 227 217	#F8E3D9
100.0%	100.0% #FEF0E2	RGB 254 240 226	#FEF0E2

#DFB0CB #E4B7C9 #E9BFC8 #EEC8C9 #F3D5D0 #F8E3D9 #FEF0E2

#DFB0CB - #EEC8C9 - #FEF0E2

CSS codes

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

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