#DFBFD3 - #B6618B | 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 #DFBFD3 to #B6618B

#DFBFD3 #B6618B

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

#DFBFD3 - #B6618B | 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 #DFBFD3 as 0% and #B6618B as 100%.

0.0%	0.0% #DFBFD3	RGB 223 191 211	#DFBFD3
16.7%	16.7% #D8AFC7	RGB 216 175 199	#D8AFC7
33.3%	33.3% #D19FBB	RGB 209 159 187	#D19FBB
50.0%	50.0% #CA90AF	RGB 202 144 175	#CA90AF
66.7%	66.7% #C380A3	RGB 195 128 163	#C380A3
83.3%	83.3% #BC7097	RGB 188 112 151	#BC7097
100.0%	100.0% #B6618B	RGB 182 97 139	#B6618B

#DFBFD3 #D8AFC7 #D19FBB #CA90AF #C380A3 #BC7097 #B6618B

#DFBFD3 - #B6618B

HSV Blend

#DFBFD3 - #B6618B | 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 #DFBFD3 as 0% and #B6618B as 100%.

0.0%	0.0% #DFBFD3	RGB 223 191 211	#DFBFD3
16.7%	16.7% #D8ADC7	RGB 216 173 199	#D8ADC7
33.3%	33.3% #D19CBB	RGB 209 156 187	#D19CBB
50.0%	50.0% #CA8CAF	RGB 202 140 175	#CA8CAF
66.7%	66.7% #C37DA3	RGB 195 125 163	#C37DA3
83.3%	83.3% #BC6E97	RGB 188 110 151	#BC6E97
100.0%	100.0% #B6618B	RGB 182 97 139	#B6618B

#DFBFD3 #D8ADC7 #D19CBB #CA8CAF #C37DA3 #BC6E97 #B6618B

#DFBFD3 - #CA8CAF - #B6618B

CSS codes

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

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