#DF9CCB - #FFBCDA | 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 #DF9CCB to #FFBCDA

#DF9CCB #FFBCDA

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

#DF9CCB - #FFBCDA | 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 #DF9CCB as 0% and #FFBCDA as 100%.

0.0%	0.0% #DF9CCB	RGB 223 156 203	#DF9CCB
16.7%	16.7% #E4A1CD	RGB 228 161 205	#E4A1CD
33.3%	33.3% #E9A6D0	RGB 233 166 208	#E9A6D0
50.0%	50.0% #EFACD2	RGB 239 172 210	#EFACD2
66.7%	66.7% #F4B1D5	RGB 244 177 213	#F4B1D5
83.3%	83.3% #F9B6D7	RGB 249 182 215	#F9B6D7
100.0%	100.0% #FFBCDA	RGB 255 188 218	#FFBCDA

#DF9CCB #E4A1CD #E9A6D0 #EFACD2 #F4B1D5 #F9B6D7 #FFBCDA

#DF9CCB - #FFBCDA

HSV Blend

#DF9CCB - #FFBCDA | 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 #DF9CCB as 0% and #FFBCDA as 100%.

0.0%	0.0% #DF9CCB	RGB 223 156 203	#DF9CCB
16.7%	16.7% #E4A1CD	RGB 228 161 205	#E4A1CD
33.3%	33.3% #E9A6CF	RGB 233 166 207	#E9A6CF
50.0%	50.0% #EFABD2	RGB 239 171 210	#EFABD2
66.7%	66.7% #F4B1D4	RGB 244 177 212	#F4B1D4
83.3%	83.3% #F9B6D7	RGB 249 182 215	#F9B6D7
100.0%	100.0% #FFBCDA	RGB 255 188 218	#FFBCDA

#DF9CCB #E4A1CD #E9A6CF #EFABD2 #F4B1D4 #F9B6D7 #FFBCDA

#DF9CCB - #EFABD2 - #FFBCDA

CSS codes

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

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