#DC8DAB - #FDDDC5 | 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 #DC8DAB to #FDDDC5

#DC8DAB #FDDDC5

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

#DC8DAB - #FDDDC5 | 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 #DC8DAB as 0% and #FDDDC5 as 100%.

0.0%	0.0% #DC8DAB	RGB 220 141 171	#DC8DAB
16.7%	16.7% #E19AAF	RGB 225 154 175	#E19AAF
33.3%	33.3% #E7A7B3	RGB 231 167 179	#E7A7B3
50.0%	50.0% #ECB5B8	RGB 236 181 184	#ECB5B8
66.7%	66.7% #F2C2BC	RGB 242 194 188	#F2C2BC
83.3%	83.3% #F7CFC0	RGB 247 207 192	#F7CFC0
100.0%	100.0% #FDDDC5	RGB 253 221 197	#FDDDC5

#DC8DAB #E19AAF #E7A7B3 #ECB5B8 #F2C2BC #F7CFC0 #FDDDC5

#DC8DAB - #FDDDC5

HSV Blend

#DC8DAB - #FDDDC5 | 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 #DC8DAB as 0% and #FDDDC5 as 100%.

0.0%	0.0% #DC8DAB	RGB 220 141 171	#DC8DAB
16.7%	16.7% #E195A8	RGB 225 149 168	#E195A8
33.3%	33.3% #E79EA6	RGB 231 158 166	#E79EA6
50.0%	50.0% #ECA9A7	RGB 236 169 167	#ECA9A7
66.7%	66.7% #F2BBB1	RGB 242 187 177	#F2BBB1
83.3%	83.3% #F7CCBB	RGB 247 204 187	#F7CCBB
100.0%	100.0% #FDDDC5	RGB 253 221 197	#FDDDC5

#DC8DAB #E195A8 #E79EA6 #ECA9A7 #F2BBB1 #F7CCBB #FDDDC5

#DC8DAB - #ECA9A7 - #FDDDC5

CSS codes

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

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