#7B5EBD - #D87DFC | 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 #7B5EBD to #D87DFC

#7B5EBD #D87DFC

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

#7B5EBD - #D87DFC | 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 #7B5EBD as 0% and #D87DFC as 100%.

0.0%	0.0% #7B5EBD	RGB 123 94 189	#7B5EBD
16.7%	16.7% #8A63C7	RGB 138 99 199	#8A63C7
33.3%	33.3% #9A68D2	RGB 154 104 210	#9A68D2
50.0%	50.0% #A96DDC	RGB 169 109 220	#A96DDC
66.7%	66.7% #B972E7	RGB 185 114 231	#B972E7
83.3%	83.3% #C877F1	RGB 200 119 241	#C877F1
100.0%	100.0% #D87DFC	RGB 216 125 252	#D87DFC

#7B5EBD #8A63C7 #9A68D2 #A96DDC #B972E7 #C877F1 #D87DFC

#7B5EBD - #D87DFC

HSV Blend

#7B5EBD - #D87DFC | 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 #7B5EBD as 0% and #D87DFC as 100%.

0.0%	0.0% #7A5EBD	RGB 122 94 189	#7A5EBD
16.7%	16.7% #8863C7	RGB 136 99 199	#8863C7
33.3%	33.3% #9768D2	RGB 151 104 210	#9768D2
50.0%	50.0% #A66DDC	RGB 166 109 220	#A66DDC
66.7%	66.7% #B672E7	RGB 182 114 231	#B672E7
83.3%	83.3% #C677F1	RGB 198 119 241	#C677F1
100.0%	100.0% #D87DFC	RGB 216 125 252	#D87DFC

#7A5EBD #8863C7 #9768D2 #A66DDC #B672E7 #C677F1 #D87DFC

#7B5EBD - #A66DDC - #D87DFC

CSS codes

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

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