#DF80B7 - #FBDCD5 | 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 #DF80B7 to #FBDCD5

#DF80B7 #FBDCD5

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

#DF80B7 - #FBDCD5 | 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 #DF80B7 as 0% and #FBDCD5 as 100%.

0.0%	0.0% #DF80B7	RGB 223 128 183	#DF80B7
16.7%	16.7% #E38FBC	RGB 227 143 188	#E38FBC
33.3%	33.3% #E89EC1	RGB 232 158 193	#E89EC1
50.0%	50.0% #EDAEC6	RGB 237 174 198	#EDAEC6
66.7%	66.7% #F1BDCB	RGB 241 189 203	#F1BDCB
83.3%	83.3% #F6CCD0	RGB 246 204 208	#F6CCD0
100.0%	100.0% #FBDCD5	RGB 251 220 213	#FBDCD5

#DF80B7 #E38FBC #E89EC1 #EDAEC6 #F1BDCB #F6CCD0 #FBDCD5

#DF80B7 - #FBDCD5

HSV Blend

#DF80B7 - #FBDCD5 | 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 #DF80B7 as 0% and #FBDCD5 as 100%.

0.0%	0.0% #DF80B7	RGB 223 128 183	#DF80B7
16.7%	16.7% #E38DB4	RGB 227 141 180	#E38DB4
33.3%	33.3% #E89AB3	RGB 232 154 179	#E89AB3
50.0%	50.0% #EDA8B6	RGB 237 168 182	#EDA8B6
66.7%	66.7% #F1B6BB	RGB 241 182 187	#F1B6BB
83.3%	83.3% #F6C8C5	RGB 246 200 197	#F6C8C5
100.0%	100.0% #FBDCD5	RGB 251 220 213	#FBDCD5

#DF80B7 #E38DB4 #E89AB3 #EDA8B6 #F1B6BB #F6C8C5 #FBDCD5

#DF80B7 - #EDA8B6 - #FBDCD5

CSS codes

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

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