#8B5E86 - #CF82EA | 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 #8B5E86 to #CF82EA

#8B5E86 #CF82EA

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

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

0.0%	0.0% #8B5E86	RGB 139 94 134	#8B5E86
16.7%	16.7% #966496	RGB 150 100 150	#966496
33.3%	33.3% #A16AA7	RGB 161 106 167	#A16AA7
50.0%	50.0% #AD70B8	RGB 173 112 184	#AD70B8
66.7%	66.7% #B876C8	RGB 184 118 200	#B876C8
83.3%	83.3% #C37CD9	RGB 195 124 217	#C37CD9
100.0%	100.0% #CF82EA	RGB 207 130 234	#CF82EA

#8B5E86 #966496 #A16AA7 #AD70B8 #B876C8 #C37CD9 #CF82EA

#8B5E86 - #CF82EA

HSV Blend

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

0.0%	0.0% #8B5E86	RGB 139 94 134	#8B5E86
16.7%	16.7% #9A6598	RGB 154 101 152	#9A6598
33.3%	33.3% #A96CAA	RGB 169 108 170	#A96CAA
50.0%	50.0% #B572BA	RGB 181 114 186	#B572BA
66.7%	66.7% #BF78CA	RGB 191 120 202	#BF78CA
83.3%	83.3% #C77DDA	RGB 199 125 218	#C77DDA
100.0%	100.0% #CF82EA	RGB 207 130 234	#CF82EA

#8B5E86 #9A6598 #A96CAA #B572BA #BF78CA #C77DDA #CF82EA

#8B5E86 - #B572BA - #CF82EA

CSS codes

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

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