#DF9CB7 - #FFBCC6 | 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 #DF9CB7 to #FFBCC6

#DF9CB7 #FFBCC6

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

#DF9CB7 - #FFBCC6 | 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 #DF9CB7 as 0% and #FFBCC6 as 100%.

0.0%	0.0% #DF9CB7	RGB 223 156 183	#DF9CB7
16.7%	16.7% #E4A1B9	RGB 228 161 185	#E4A1B9
33.3%	33.3% #E9A6BC	RGB 233 166 188	#E9A6BC
50.0%	50.0% #EFACBE	RGB 239 172 190	#EFACBE
66.7%	66.7% #F4B1C1	RGB 244 177 193	#F4B1C1
83.3%	83.3% #F9B6C3	RGB 249 182 195	#F9B6C3
100.0%	100.0% #FFBCC6	RGB 255 188 198	#FFBCC6

#DF9CB7 #E4A1B9 #E9A6BC #EFACBE #F4B1C1 #F9B6C3 #FFBCC6

#DF9CB7 - #FFBCC6

HSV Blend

#DF9CB7 - #FFBCC6 | 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 #DF9CB7 as 0% and #FFBCC6 as 100%.

0.0%	0.0% #DF9CB7	RGB 223 156 183	#DF9CB7
16.7%	16.7% #E4A1B9	RGB 228 161 185	#E4A1B9
33.3%	33.3% #E9A6BB	RGB 233 166 187	#E9A6BB
50.0%	50.0% #EFABBE	RGB 239 171 190	#EFABBE
66.7%	66.7% #F4B1C0	RGB 244 177 192	#F4B1C0
83.3%	83.3% #F9B6C3	RGB 249 182 195	#F9B6C3
100.0%	100.0% #FFBCC6	RGB 255 188 198	#FFBCC6

#DF9CB7 #E4A1B9 #E9A6BB #EFABBE #F4B1C0 #F9B6C3 #FFBCC6

#DF9CB7 - #EFABBE - #FFBCC6

CSS codes

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

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