#DB90A8 - #FDDDC1 | 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 #DB90A8 to #FDDDC1

#DB90A8 #FDDDC1

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

#DB90A8 - #FDDDC1 | 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 #DB90A8 as 0% and #FDDDC1 as 100%.

0.0%	0.0% #DB90A8	RGB 219 144 168	#DB90A8
16.7%	16.7% #E09CAC	RGB 224 156 172	#E09CAC
33.3%	33.3% #E6A9B0	RGB 230 169 176	#E6A9B0
50.0%	50.0% #ECB6B4	RGB 236 182 180	#ECB6B4
66.7%	66.7% #F1C3B8	RGB 241 195 184	#F1C3B8
83.3%	83.3% #F7D0BC	RGB 247 208 188	#F7D0BC
100.0%	100.0% #FDDDC1	RGB 253 221 193	#FDDDC1

#DB90A8 #E09CAC #E6A9B0 #ECB6B4 #F1C3B8 #F7D0BC #FDDDC1

#DB90A8 - #FDDDC1

HSV Blend

#DB90A8 - #FDDDC1 | 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 #DB90A8 as 0% and #FDDDC1 as 100%.

0.0%	0.0% #DB90A8	RGB 219 144 168	#DB90A8
16.7%	16.7% #E097A5	RGB 224 151 165	#E097A5
33.3%	33.3% #E69FA3	RGB 230 159 163	#E69FA3
50.0%	50.0% #ECACA7	RGB 236 172 167	#ECACA7
66.7%	66.7% #F1BDAF	RGB 241 189 175	#F1BDAF
83.3%	83.3% #F7CDB8	RGB 247 205 184	#F7CDB8
100.0%	100.0% #FDDDC1	RGB 253 221 193	#FDDDC1

#DB90A8 #E097A5 #E69FA3 #ECACA7 #F1BDAF #F7CDB8 #FDDDC1

#DB90A8 - #ECACA7 - #FDDDC1

CSS codes

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

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