#DB7EAF - #FCD8CC | 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 #DB7EAF to #FCD8CC

#DB7EAF #FCD8CC

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

#DB7EAF - #FCD8CC | 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 #DB7EAF as 0% and #FCD8CC as 100%.

0.0%	0.0% #DB7EAF	RGB 219 126 175	#DB7EAF
16.7%	16.7% #E08DB3	RGB 224 141 179	#E08DB3
33.3%	33.3% #E69CB8	RGB 230 156 184	#E69CB8
50.0%	50.0% #EBABBD	RGB 235 171 189	#EBABBD
66.7%	66.7% #F1BAC2	RGB 241 186 194	#F1BAC2
83.3%	83.3% #F6C9C7	RGB 246 201 199	#F6C9C7
100.0%	100.0% #FCD8CC	RGB 252 216 204	#FCD8CC

#DB7EAF #E08DB3 #E69CB8 #EBABBD #F1BAC2 #F6C9C7 #FCD8CC

#DB7EAF - #FCD8CC

HSV Blend

#DB7EAF - #FCD8CC | 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 #DB7EAF as 0% and #FCD8CC as 100%.

0.0%	0.0% #DB7EAF	RGB 219 126 175	#DB7EAF
16.7%	16.7% #E089AC	RGB 224 137 172	#E089AC
33.3%	33.3% #E696AB	RGB 230 150 171	#E696AB
50.0%	50.0% #EBA3AD	RGB 235 163 173	#EBA3AD
66.7%	66.7% #F1B0B0	RGB 241 176 176	#F1B0B0
83.3%	83.3% #F6C4BD	RGB 246 196 189	#F6C4BD
100.0%	100.0% #FCD8CC	RGB 252 216 204	#FCD8CC

#DB7EAF #E089AC #E696AB #EBA3AD #F1B0B0 #F6C4BD #FCD8CC

#DB7EAF - #EBA3AD - #FCD8CC

CSS codes

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

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