#DFAAFF - #8A35CE | 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 #DFAAFF to #8A35CE

#DFAAFF #8A35CE

Calculate the color between two colors, #DFAAFF and #8A35CE. 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)

#DFAAFF - #8A35CE | 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 #DFAAFF as 0% and #8A35CE as 100%.

0.0%	0.0% #DFAAFF	RGB 223 170 255	#DFAAFF
16.7%	16.7% #D096F6	RGB 208 150 246	#D096F6
33.3%	33.3% #C283EE	RGB 194 131 238	#C283EE
50.0%	50.0% #B46FE6	RGB 180 111 230	#B46FE6
66.7%	66.7% #A65CDE	RGB 166 92 222	#A65CDE
83.3%	83.3% #9848D6	RGB 152 72 214	#9848D6
100.0%	100.0% #8A35CE	RGB 138 53 206	#8A35CE

#DFAAFF #D096F6 #C283EE #B46FE6 #A65CDE #9848D6 #8A35CE

#DFAAFF - #8A35CE

HSV Blend

#DFAAFF - #8A35CE | 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 #DFAAFF as 0% and #8A35CE as 100%.

0.0%	0.0% #DFAAFF	RGB 223 170 255	#DFAAFF
16.7%	16.7% #D093F6	RGB 208 147 246	#D093F6
33.3%	33.3% #C17EEE	RGB 193 126 238	#C17EEE
50.0%	50.0% #B36AE6	RGB 179 106 230	#B36AE6
66.7%	66.7% #A557DE	RGB 165 87 222	#A557DE
83.3%	83.3% #9745D6	RGB 151 69 214	#9745D6
100.0%	100.0% #8A35CE	RGB 138 53 206	#8A35CE

#DFAAFF #D093F6 #C17EEE #B36AE6 #A557DE #9745D6 #8A35CE

#DFAAFF - #B36AE6 - #8A35CE

CSS codes

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

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