#DB9EB5 - #FEE5CD | 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 #DB9EB5 to #FEE5CD

#DB9EB5 #FEE5CD

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

#DB9EB5 - #FEE5CD | 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 #DB9EB5 as 0% and #FEE5CD as 100%.

0.0%	0.0% #DB9EB5	RGB 219 158 181	#DB9EB5
16.7%	16.7% #E0A9B9	RGB 224 169 185	#E0A9B9
33.3%	33.3% #E6B5BD	RGB 230 181 189	#E6B5BD
50.0%	50.0% #ECC1C1	RGB 236 193 193	#ECC1C1
66.7%	66.7% #F2CDC5	RGB 242 205 197	#F2CDC5
83.3%	83.3% #F8D9C9	RGB 248 217 201	#F8D9C9
100.0%	100.0% #FEE5CD	RGB 254 229 205	#FEE5CD

#DB9EB5 #E0A9B9 #E6B5BD #ECC1C1 #F2CDC5 #F8D9C9 #FEE5CD

#DB9EB5 - #FEE5CD

HSV Blend

#DB9EB5 - #FEE5CD | 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 #DB9EB5 as 0% and #FEE5CD as 100%.

0.0%	0.0% #DB9EB5	RGB 219 158 181	#DB9EB5
16.7%	16.7% #E0A5B3	RGB 224 165 179	#E0A5B3
33.3%	33.3% #E6ADB2	RGB 230 173 178	#E6ADB2
50.0%	50.0% #ECB7B4	RGB 236 183 180	#ECB7B4
66.7%	66.7% #F2C7BC	RGB 242 199 188	#F2C7BC
83.3%	83.3% #F8D6C4	RGB 248 214 196	#F8D6C4
100.0%	100.0% #FEE5CD	RGB 254 229 205	#FEE5CD

#DB9EB5 #E0A5B3 #E6ADB2 #ECB7B4 #F2C7BC #F8D6C4 #FEE5CD

#DB9EB5 - #ECB7B4 - #FEE5CD

CSS codes

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

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