#DFABFF - #8A37CE | 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 #DFABFF to #8A37CE

#DFABFF #8A37CE

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

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

0.0%	0.0% #DFABFF	RGB 223 171 255	#DFABFF
16.7%	16.7% #D097F6	RGB 208 151 246	#D097F6
33.3%	33.3% #C284EE	RGB 194 132 238	#C284EE
50.0%	50.0% #B471E6	RGB 180 113 230	#B471E6
66.7%	66.7% #A65DDE	RGB 166 93 222	#A65DDE
83.3%	83.3% #984AD6	RGB 152 74 214	#984AD6
100.0%	100.0% #8A37CE	RGB 138 55 206	#8A37CE

#DFABFF #D097F6 #C284EE #B471E6 #A65DDE #984AD6 #8A37CE

#DFABFF - #8A37CE

HSV Blend

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

0.0%	0.0% #DFABFF	RGB 223 171 255	#DFABFF
16.7%	16.7% #D094F6	RGB 208 148 246	#D094F6
33.3%	33.3% #C17FEE	RGB 193 127 238	#C17FEE
50.0%	50.0% #B36CE6	RGB 179 108 230	#B36CE6
66.7%	66.7% #A559DE	RGB 165 89 222	#A559DE
83.3%	83.3% #9747D6	RGB 151 71 214	#9747D6
100.0%	100.0% #8A37CE	RGB 138 55 206	#8A37CE

#DFABFF #D094F6 #C17FEE #B36CE6 #A559DE #9747D6 #8A37CE

#DFABFF - #B36CE6 - #8A37CE

CSS codes

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

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