#C8B8FF - #8B5FF6 | 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 #C8B8FF to #8B5FF6

#C8B8FF #8B5FF6

Calculate the color between two colors, #C8B8FF and #8B5FF6. 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)

#C8B8FF - #8B5FF6 | 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 #C8B8FF as 0% and #8B5FF6 as 100%.

0.0%	0.0% #C8B8FF	RGB 200 184 255	#C8B8FF
16.7%	16.7% #BDA9FD	RGB 189 169 253	#BDA9FD
33.3%	33.3% #B39AFC	RGB 179 154 252	#B39AFC
50.0%	50.0% #A98BFA	RGB 169 139 250	#A98BFA
66.7%	66.7% #9F7CF9	RGB 159 124 249	#9F7CF9
83.3%	83.3% #956DF7	RGB 149 109 247	#956DF7
100.0%	100.0% #8B5FF6	RGB 139 95 246	#8B5FF6

#C8B8FF #BDA9FD #B39AFC #A98BFA #9F7CF9 #956DF7 #8B5FF6

#C8B8FF - #8B5FF6

HSV Blend

#C8B8FF - #8B5FF6 | 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 #C8B8FF as 0% and #8B5FF6 as 100%.

0.0%	0.0% #C8B8FF	RGB 200 184 255	#C8B8FF
16.7%	16.7% #BCA8FD	RGB 188 168 253	#BCA8FD
33.3%	33.3% #B199FC	RGB 177 153 252	#B199FC
50.0%	50.0% #A78AFA	RGB 167 138 250	#A78AFA
66.7%	66.7% #9D7BF9	RGB 157 123 249	#9D7BF9
83.3%	83.3% #946DF7	RGB 148 109 247	#946DF7
100.0%	100.0% #8B5FF6	RGB 139 95 246	#8B5FF6

#C8B8FF #BCA8FD #B199FC #A78AFA #9D7BF9 #946DF7 #8B5FF6

#C8B8FF - #A78AFA - #8B5FF6

CSS codes

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

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