#CF5DFF - #BB8CFF | 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 #CF5DFF to #BB8CFF

#CF5DFF #BB8CFF

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

#CF5DFF - #BB8CFF | 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 #CF5DFF as 0% and #BB8CFF as 100%.

0.0%	0.0% #CF5DFF	RGB 207 93 255	#CF5DFF
16.7%	16.7% #CB64FF	RGB 203 100 255	#CB64FF
33.3%	33.3% #C86CFF	RGB 200 108 255	#C86CFF
50.0%	50.0% #C574FF	RGB 197 116 255	#C574FF
66.7%	66.7% #C17CFF	RGB 193 124 255	#C17CFF
83.3%	83.3% #BE84FF	RGB 190 132 255	#BE84FF
100.0%	100.0% #BB8CFF	RGB 187 140 255	#BB8CFF

#CF5DFF #CB64FF #C86CFF #C574FF #C17CFF #BE84FF #BB8CFF

#CF5DFF - #BB8CFF

HSV Blend

#CF5DFF - #BB8CFF | 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 #CF5DFF as 0% and #BB8CFF as 100%.

0.0%	0.0% #CF5DFF	RGB 207 93 255	#CF5DFF
16.7%	16.7% #C964FF	RGB 201 100 255	#C964FF
33.3%	33.3% #C56CFF	RGB 197 108 255	#C56CFF
50.0%	50.0% #C174FF	RGB 193 116 255	#C174FF
66.7%	66.7% #BE7CFF	RGB 190 124 255	#BE7CFF
83.3%	83.3% #BC84FF	RGB 188 132 255	#BC84FF
100.0%	100.0% #BB8CFF	RGB 187 140 255	#BB8CFF

#CF5DFF #C964FF #C56CFF #C174FF #BE7CFF #BC84FF #BB8CFF

#CF5DFF - #C174FF - #BB8CFF

CSS codes

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

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