#DFD5E4 - #B273B1 | 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 #DFD5E4 to #B273B1

#DFD5E4 #B273B1

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

#DFD5E4 - #B273B1 | 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 #DFD5E4 as 0% and #B273B1 as 100%.

0.0%	0.0% #DFD5E4	RGB 223 213 228	#DFD5E4
16.7%	16.7% #D7C4DB	RGB 215 196 219	#D7C4DB
33.3%	33.3% #D0B4D3	RGB 208 180 211	#D0B4D3
50.0%	50.0% #C8A4CA	RGB 200 164 202	#C8A4CA
66.7%	66.7% #C193C2	RGB 193 147 194	#C193C2
83.3%	83.3% #B983B9	RGB 185 131 185	#B983B9
100.0%	100.0% #B273B1	RGB 178 115 177	#B273B1

#DFD5E4 #D7C4DB #D0B4D3 #C8A4CA #C193C2 #B983B9 #B273B1

#DFD5E4 - #B273B1

HSV Blend

#DFD5E4 - #B273B1 | 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 #DFD5E4 as 0% and #B273B1 as 100%.

0.0%	0.0% #DFD5E4	RGB 223 213 228	#DFD5E4
16.7%	16.7% #D4C2DB	RGB 212 194 219	#D4C2DB
33.3%	33.3% #CBB1D3	RGB 203 177 211	#CBB1D3
50.0%	50.0% #C4A0CB	RGB 196 160 203	#C4A0CB
66.7%	66.7% #BD90C2	RGB 189 144 194	#BD90C2
83.3%	83.3% #B781BA	RGB 183 129 186	#B781BA
100.0%	100.0% #B273B1	RGB 178 115 177	#B273B1

#DFD5E4 #D4C2DB #CBB1D3 #C4A0CB #BD90C2 #B781BA #B273B1

#DFD5E4 - #C4A0CB - #B273B1

CSS codes

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

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