#B59EFF - #874DEE | 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 #B59EFF to #874DEE

#B59EFF #874DEE

Calculate the color between two colors, #B59EFF and #874DEE. 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)

#B59EFF - #874DEE | 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 #B59EFF as 0% and #874DEE as 100%.

0.0%	0.0% #B59EFF	RGB 181 158 255	#B59EFF
16.7%	16.7% #AD90FC	RGB 173 144 252	#AD90FC
33.3%	33.3% #A583F9	RGB 165 131 249	#A583F9
50.0%	50.0% #9E75F6	RGB 158 117 246	#9E75F6
66.7%	66.7% #9668F3	RGB 150 104 243	#9668F3
83.3%	83.3% #8E5AF0	RGB 142 90 240	#8E5AF0
100.0%	100.0% #874DEE	RGB 135 77 238	#874DEE

#B59EFF #AD90FC #A583F9 #9E75F6 #9668F3 #8E5AF0 #874DEE

#B59EFF - #874DEE

HSV Blend

#B59EFF - #874DEE | 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 #B59EFF as 0% and #874DEE as 100%.

0.0%	0.0% #B59EFF	RGB 181 158 255	#B59EFF
16.7%	16.7% #AB8FFC	RGB 171 143 252	#AB8FFC
33.3%	33.3% #A381F9	RGB 163 129 249	#A381F9
50.0%	50.0% #9B74F6	RGB 155 116 246	#9B74F6
66.7%	66.7% #9366F3	RGB 147 102 243	#9366F3
83.3%	83.3% #8D59F0	RGB 141 89 240	#8D59F0
100.0%	100.0% #874DEE	RGB 135 77 238	#874DEE

#B59EFF #AB8FFC #A381F9 #9B74F6 #9366F3 #8D59F0 #874DEE

#B59EFF - #9B74F6 - #874DEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B59EFF 0%, #9B74F6 50%, #874DEE 100%);
    background: -webkit-linear-gradient(top, #B59EFF 0%, #9B74F6 50%, #874DEE 100%);
    background: linear-gradient(to bottom, #B59EFF 0%, #9B74F6 50%, #874DEE 100%);
}
</style>