#DFBADE - #B266B9 | 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 #DFBADE to #B266B9

#DFBADE #B266B9

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

#DFBADE - #B266B9 | 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 #DFBADE as 0% and #B266B9 as 100%.

0.0%	0.0% #DFBADE	RGB 223 186 222	#DFBADE
16.7%	16.7% #D7ACD7	RGB 215 172 215	#D7ACD7
33.3%	33.3% #D09ED1	RGB 208 158 209	#D09ED1
50.0%	50.0% #C890CB	RGB 200 144 203	#C890CB
66.7%	66.7% #C182C5	RGB 193 130 197	#C182C5
83.3%	83.3% #B974BF	RGB 185 116 191	#B974BF
100.0%	100.0% #B266B9	RGB 178 102 185	#B266B9

#DFBADE #D7ACD7 #D09ED1 #C890CB #C182C5 #B974BF #B266B9

#DFBADE - #B266B9

HSV Blend

#DFBADE - #B266B9 | 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 #DFBADE as 0% and #B266B9 as 100%.

0.0%	0.0% #DFBADE	RGB 223 186 222	#DFBADE
16.7%	16.7% #D8AAD8	RGB 216 170 216	#D8AAD8
33.3%	33.3% #D19BD2	RGB 209 155 210	#D19BD2
50.0%	50.0% #CA8DCC	RGB 202 141 204	#CA8DCC
66.7%	66.7% #C27FC5	RGB 194 127 197	#C27FC5
83.3%	83.3% #BA72BF	RGB 186 114 191	#BA72BF
100.0%	100.0% #B266B9	RGB 178 102 185	#B266B9

#DFBADE #D8AAD8 #D19BD2 #CA8DCC #C27FC5 #BA72BF #B266B9

#DFBADE - #CA8DCC - #B266B9

CSS codes

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

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