#DFD4E9 - #8175B2 | 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 #DFD4E9 to #8175B2

#DFD4E9 #8175B2

Calculate the color between two colors, #DFD4E9 and #8175B2. 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)

#DFD4E9 - #8175B2 | 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 #DFD4E9 as 0% and #8175B2 as 100%.

0.0%	0.0% #DFD4E9	RGB 223 212 233	#DFD4E9
16.7%	16.7% #CFC4DF	RGB 207 196 223	#CFC4DF
33.3%	33.3% #BFB4D6	RGB 191 180 214	#BFB4D6
50.0%	50.0% #B0A4CD	RGB 176 164 205	#B0A4CD
66.7%	66.7% #A094C4	RGB 160 148 196	#A094C4
83.3%	83.3% #9084BB	RGB 144 132 187	#9084BB
100.0%	100.0% #8175B2	RGB 129 117 178	#8175B2

#DFD4E9 #CFC4DF #BFB4D6 #B0A4CD #A094C4 #9084BB #8175B2

#DFD4E9 - #8175B2

HSV Blend

#DFD4E9 - #8175B2 | 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 #DFD4E9 as 0% and #8175B2 as 100%.

0.0%	0.0% #DFD4E9	RGB 223 212 233	#DFD4E9
16.7%	16.7% #D0C2DF	RGB 208 194 223	#D0C2DF
33.3%	33.3% #C0B1D6	RGB 192 177 214	#C0B1D6
50.0%	50.0% #B1A1CD	RGB 177 161 205	#B1A1CD
66.7%	66.7% #A191C4	RGB 161 145 196	#A191C4
83.3%	83.3% #9182BB	RGB 145 130 187	#9182BB
100.0%	100.0% #8175B2	RGB 129 117 178	#8175B2

#DFD4E9 #D0C2DF #C0B1D6 #B1A1CD #A191C4 #9182BB #8175B2

#DFD4E9 - #B1A1CD - #8175B2

CSS codes

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

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