#BB6CFF - #EDD0FF | 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 #BB6CFF to #EDD0FF

#BB6CFF #EDD0FF

Calculate the color between two colors, #BB6CFF and #EDD0FF. 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)

#BB6CFF - #EDD0FF | 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 #BB6CFF as 0% and #EDD0FF as 100%.

0.0%	0.0% #BB6CFF	RGB 187 108 255	#BB6CFF
16.7%	16.7% #C37CFF	RGB 195 124 255	#C37CFF
33.3%	33.3% #CB8DFF	RGB 203 141 255	#CB8DFF
50.0%	50.0% #D49EFF	RGB 212 158 255	#D49EFF
66.7%	66.7% #DCAEFF	RGB 220 174 255	#DCAEFF
83.3%	83.3% #E4BFFF	RGB 228 191 255	#E4BFFF
100.0%	100.0% #EDD0FF	RGB 237 208 255	#EDD0FF

#BB6CFF #C37CFF #CB8DFF #D49EFF #DCAEFF #E4BFFF #EDD0FF

#BB6CFF - #EDD0FF

HSV Blend

#BB6CFF - #EDD0FF | 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 #BB6CFF as 0% and #EDD0FF as 100%.

0.0%	0.0% #BB6CFF	RGB 187 108 255	#BB6CFF
16.7%	16.7% #C47CFF	RGB 196 124 255	#C47CFF
33.3%	33.3% #CD8DFF	RGB 205 141 255	#CD8DFF
50.0%	50.0% #D59EFF	RGB 213 158 255	#D59EFF
66.7%	66.7% #DEAEFF	RGB 222 174 255	#DEAEFF
83.3%	83.3% #E5BFFF	RGB 229 191 255	#E5BFFF
100.0%	100.0% #EDD0FF	RGB 237 208 255	#EDD0FF

#BB6CFF #C47CFF #CD8DFF #D59EFF #DEAEFF #E5BFFF #EDD0FF

#BB6CFF - #D59EFF - #EDD0FF

CSS codes

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

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