#DFBBD1 - #F5EBF2 | 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 #DFBBD1 to #F5EBF2

#DFBBD1 #F5EBF2

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

#DFBBD1 - #F5EBF2 | 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 #DFBBD1 as 0% and #F5EBF2 as 100%.

0.0%	0.0% #DFBBD1	RGB 223 187 209	#DFBBD1
16.7%	16.7% #E2C3D6	RGB 226 195 214	#E2C3D6
33.3%	33.3% #E6CBDC	RGB 230 203 220	#E6CBDC
50.0%	50.0% #EAD3E1	RGB 234 211 225	#EAD3E1
66.7%	66.7% #EDDBE7	RGB 237 219 231	#EDDBE7
83.3%	83.3% #F1E3EC	RGB 241 227 236	#F1E3EC
100.0%	100.0% #F5EBF2	RGB 245 235 242	#F5EBF2

#DFBBD1 #E2C3D6 #E6CBDC #EAD3E1 #EDDBE7 #F1E3EC #F5EBF2

#DFBBD1 - #F5EBF2

HSV Blend

#DFBBD1 - #F5EBF2 | 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 #DFBBD1 as 0% and #F5EBF2 as 100%.

0.0%	0.0% #DFBBD1	RGB 223 187 209	#DFBBD1
16.7%	16.7% #E2C2D6	RGB 226 194 214	#E2C2D6
33.3%	33.3% #E6CADC	RGB 230 202 220	#E6CADC
50.0%	50.0% #EAD2E1	RGB 234 210 225	#EAD2E1
66.7%	66.7% #EDDAE7	RGB 237 218 231	#EDDAE7
83.3%	83.3% #F1E2EC	RGB 241 226 236	#F1E2EC
100.0%	100.0% #F5EBF2	RGB 245 235 242	#F5EBF2

#DFBBD1 #E2C2D6 #E6CADC #EAD2E1 #EDDAE7 #F1E2EC #F5EBF2

#DFBBD1 - #EAD2E1 - #F5EBF2

CSS codes

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

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