#BD54FF - #ECCEFF | 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 #BD54FF to #ECCEFF

#BD54FF #ECCEFF

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

#BD54FF - #ECCEFF | 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 #BD54FF as 0% and #ECCEFF as 100%.

0.0%	0.0% #BD54FF	RGB 189 84 255	#BD54FF
16.7%	16.7% #C468FF	RGB 196 104 255	#C468FF
33.3%	33.3% #CC7CFF	RGB 204 124 255	#CC7CFF
50.0%	50.0% #D491FF	RGB 212 145 255	#D491FF
66.7%	66.7% #DCA5FF	RGB 220 165 255	#DCA5FF
83.3%	83.3% #E4B9FF	RGB 228 185 255	#E4B9FF
100.0%	100.0% #ECCEFF	RGB 236 206 255	#ECCEFF

#BD54FF #C468FF #CC7CFF #D491FF #DCA5FF #E4B9FF #ECCEFF

#BD54FF - #ECCEFF

HSV Blend

#BD54FF - #ECCEFF | 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 #BD54FF as 0% and #ECCEFF as 100%.

0.0%	0.0% #BC53FF	RGB 188 83 255	#BC53FF
16.7%	16.7% #C468FF	RGB 196 104 255	#C468FF
33.3%	33.3% #CC7CFF	RGB 204 124 255	#CC7CFF
50.0%	50.0% #D491FF	RGB 212 145 255	#D491FF
66.7%	66.7% #DCA5FF	RGB 220 165 255	#DCA5FF
83.3%	83.3% #E4B9FF	RGB 228 185 255	#E4B9FF
100.0%	100.0% #ECCEFF	RGB 236 206 255	#ECCEFF

#BC53FF #C468FF #CC7CFF #D491FF #DCA5FF #E4B9FF #ECCEFF

#BD54FF - #D491FF - #ECCEFF

CSS codes

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

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