#B96CFF - #ECD0FF | 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 #B96CFF to #ECD0FF

#B96CFF #ECD0FF

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

#B96CFF - #ECD0FF | 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 #B96CFF as 0% and #ECD0FF as 100%.

0.0%	0.0% #B96CFF	RGB 185 108 255	#B96CFF
16.7%	16.7% #C17CFF	RGB 193 124 255	#C17CFF
33.3%	33.3% #CA8DFF	RGB 202 141 255	#CA8DFF
50.0%	50.0% #D29EFF	RGB 210 158 255	#D29EFF
66.7%	66.7% #DBAEFF	RGB 219 174 255	#DBAEFF
83.3%	83.3% #E3BFFF	RGB 227 191 255	#E3BFFF
100.0%	100.0% #ECD0FF	RGB 236 208 255	#ECD0FF

#B96CFF #C17CFF #CA8DFF #D29EFF #DBAEFF #E3BFFF #ECD0FF

#B96CFF - #ECD0FF

HSV Blend

#B96CFF - #ECD0FF | 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 #B96CFF as 0% and #ECD0FF as 100%.

0.0%	0.0% #B86CFF	RGB 184 108 255	#B86CFF
16.7%	16.7% #C27CFF	RGB 194 124 255	#C27CFF
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% #ECD0FF	RGB 236 208 255	#ECD0FF

#B86CFF #C27CFF #CB8DFF #D49EFF #DCAEFF #E4BFFF #ECD0FF

#B96CFF - #D49EFF - #ECD0FF

CSS codes

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

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