#DB99FF - #811ECE | 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 #DB99FF to #811ECE

#DB99FF #811ECE

Calculate the color between two colors, #DB99FF and #811ECE. 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)

#DB99FF - #811ECE | 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 #DB99FF as 0% and #811ECE as 100%.

0.0%	0.0% #DB99FF	RGB 219 153 255	#DB99FF
16.7%	16.7% #CC84F6	RGB 204 132 246	#CC84F6
33.3%	33.3% #BD70EE	RGB 189 112 238	#BD70EE
50.0%	50.0% #AE5BE6	RGB 174 91 230	#AE5BE6
66.7%	66.7% #9F47DE	RGB 159 71 222	#9F47DE
83.3%	83.3% #9032D6	RGB 144 50 214	#9032D6
100.0%	100.0% #811ECE	RGB 129 30 206	#811ECE

#DB99FF #CC84F6 #BD70EE #AE5BE6 #9F47DE #9032D6 #811ECE

#DB99FF - #811ECE

HSV Blend

#DB99FF - #811ECE | 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 #DB99FF as 0% and #811ECE as 100%.

0.0%	0.0% #DB99FF	RGB 219 153 255	#DB99FF
16.7%	16.7% #CB81F6	RGB 203 129 246	#CB81F6
33.3%	33.3% #BC6BEE	RGB 188 107 238	#BC6BEE
50.0%	50.0% #AD55E6	RGB 173 85 230	#AD55E6
66.7%	66.7% #9E42DE	RGB 158 66 222	#9E42DE
83.3%	83.3% #8F2FD6	RGB 143 47 214	#8F2FD6
100.0%	100.0% #811ECE	RGB 129 30 206	#811ECE

#DB99FF #CB81F6 #BC6BEE #AD55E6 #9E42DE #8F2FD6 #811ECE

#DB99FF - #AD55E6 - #811ECE

CSS codes

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

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