#B35ECB - #838DFF | 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 #B35ECB to #838DFF

#B35ECB #838DFF

Calculate the color between two colors, #B35ECB and #838DFF. 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)

#B35ECB - #838DFF | 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 #B35ECB as 0% and #838DFF as 100%.

0.0%	0.0% #B35ECB	RGB 179 94 203	#B35ECB
16.7%	16.7% #AB65D3	RGB 171 101 211	#AB65D3
33.3%	33.3% #A36DDC	RGB 163 109 220	#A36DDC
50.0%	50.0% #9B75E5	RGB 155 117 229	#9B75E5
66.7%	66.7% #937DED	RGB 147 125 237	#937DED
83.3%	83.3% #8B85F6	RGB 139 133 246	#8B85F6
100.0%	100.0% #838DFF	RGB 131 141 255	#838DFF

#B35ECB #AB65D3 #A36DDC #9B75E5 #937DED #8B85F6 #838DFF

#B35ECB - #838DFF

HSV Blend

#B35ECB - #838DFF | 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 #B35ECB as 0% and #838DFF as 100%.

0.0%	0.0% #B25ECB	RGB 178 94 203	#B25ECB
16.7%	16.7% #AA63D3	RGB 170 99 211	#AA63D3
33.3%	33.3% #A269DC	RGB 162 105 220	#A269DC
50.0%	50.0% #986FE5	RGB 152 111 229	#986FE5
66.7%	66.7% #8E76ED	RGB 142 118 237	#8E76ED
83.3%	83.3% #847CF6	RGB 132 124 246	#847CF6
100.0%	100.0% #838DFF	RGB 131 141 255	#838DFF

#B25ECB #AA63D3 #A269DC #986FE5 #8E76ED #847CF6 #838DFF

#B35ECB - #986FE5 - #838DFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B25ECB 0%, #986FE5 50%, #838DFF 100%);
    background: -webkit-linear-gradient(top, #B25ECB 0%, #986FE5 50%, #838DFF 100%);
    background: linear-gradient(to bottom, #B25ECB 0%, #986FE5 50%, #838DFF 100%);
}
</style>