#DCB6FF - #A048CF | 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 #DCB6FF to #A048CF

#DCB6FF #A048CF

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

#DCB6FF - #A048CF | 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 #DCB6FF as 0% and #A048CF as 100%.

0.0%	0.0% #DCB6FF	RGB 220 182 255	#DCB6FF
16.7%	16.7% #D2A3F7	RGB 210 163 247	#D2A3F7
33.3%	33.3% #C891EF	RGB 200 145 239	#C891EF
50.0%	50.0% #BE7FE7	RGB 190 127 231	#BE7FE7
66.7%	66.7% #B46CDF	RGB 180 108 223	#B46CDF
83.3%	83.3% #AA5AD7	RGB 170 90 215	#AA5AD7
100.0%	100.0% #A048CF	RGB 160 72 207	#A048CF

#DCB6FF #D2A3F7 #C891EF #BE7FE7 #B46CDF #AA5AD7 #A048CF

#DCB6FF - #A048CF

HSV Blend

#DCB6FF - #A048CF | 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 #DCB6FF as 0% and #A048CF as 100%.

0.0%	0.0% #DCB6FF	RGB 220 182 255	#DCB6FF
16.7%	16.7% #CFA1F7	RGB 207 161 247	#CFA1F7
33.3%	33.3% #C48DEF	RGB 196 141 239	#C48DEF
50.0%	50.0% #BA7AE7	RGB 186 122 231	#BA7AE7
66.7%	66.7% #B068DF	RGB 176 104 223	#B068DF
83.3%	83.3% #A757D7	RGB 167 87 215	#A757D7
100.0%	100.0% #A048CF	RGB 160 72 207	#A048CF

#DCB6FF #CFA1F7 #C48DEF #BA7AE7 #B068DF #A757D7 #A048CF

#DCB6FF - #BA7AE7 - #A048CF

CSS codes

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

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