#8C64FF - #DCD2FF | 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 #8C64FF to #DCD2FF

#8C64FF #DCD2FF

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

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

0.0%	0.0% #8C64FF	RGB 140 100 255	#8C64FF
16.7%	16.7% #9976FF	RGB 153 118 255	#9976FF
33.3%	33.3% #A688FF	RGB 166 136 255	#A688FF
50.0%	50.0% #B49BFF	RGB 180 155 255	#B49BFF
66.7%	66.7% #C1ADFF	RGB 193 173 255	#C1ADFF
83.3%	83.3% #CEBFFF	RGB 206 191 255	#CEBFFF
100.0%	100.0% #DCD2FF	RGB 220 210 255	#DCD2FF

#8C64FF #9976FF #A688FF #B49BFF #C1ADFF #CEBFFF #DCD2FF

#8C64FF - #DCD2FF

HSV Blend

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

0.0%	0.0% #8B64FF	RGB 139 100 255	#8B64FF
16.7%	16.7% #9876FF	RGB 152 118 255	#9876FF
33.3%	33.3% #A588FF	RGB 165 136 255	#A588FF
50.0%	50.0% #B39BFF	RGB 179 155 255	#B39BFF
66.7%	66.7% #C0ADFF	RGB 192 173 255	#C0ADFF
83.3%	83.3% #CEBFFF	RGB 206 191 255	#CEBFFF
100.0%	100.0% #DCD2FF	RGB 220 210 255	#DCD2FF

#8B64FF #9876FF #A588FF #B39BFF #C0ADFF #CEBFFF #DCD2FF

#8C64FF - #B39BFF - #DCD2FF

CSS codes

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

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