#DCB2FF - #8941CE | 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 #DCB2FF to #8941CE

#DCB2FF #8941CE

Calculate the color between two colors, #DCB2FF and #8941CE. 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)

#DCB2FF - #8941CE | 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 #DCB2FF as 0% and #8941CE as 100%.

0.0%	0.0% #DCB2FF	RGB 220 178 255	#DCB2FF
16.7%	16.7% #CE9FF6	RGB 206 159 246	#CE9FF6
33.3%	33.3% #C08CEE	RGB 192 140 238	#C08CEE
50.0%	50.0% #B279E6	RGB 178 121 230	#B279E6
66.7%	66.7% #A466DE	RGB 164 102 222	#A466DE
83.3%	83.3% #9653D6	RGB 150 83 214	#9653D6
100.0%	100.0% #8941CE	RGB 137 65 206	#8941CE

#DCB2FF #CE9FF6 #C08CEE #B279E6 #A466DE #9653D6 #8941CE

#DCB2FF - #8941CE

HSV Blend

#DCB2FF - #8941CE | 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 #DCB2FF as 0% and #8941CE as 100%.

0.0%	0.0% #DCB2FF	RGB 220 178 255	#DCB2FF
16.7%	16.7% #CD9CF6	RGB 205 156 246	#CD9CF6
33.3%	33.3% #BE88EE	RGB 190 136 238	#BE88EE
50.0%	50.0% #B074E6	RGB 176 116 230	#B074E6
66.7%	66.7% #A362DE	RGB 163 98 222	#A362DE
83.3%	83.3% #9551D6	RGB 149 81 214	#9551D6
100.0%	100.0% #8941CE	RGB 137 65 206	#8941CE

#DCB2FF #CD9CF6 #BE88EE #B074E6 #A362DE #9551D6 #8941CE

#DCB2FF - #B074E6 - #8941CE

CSS codes

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

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