#BEA8FD - #6D36CB | 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 #BEA8FD to #6D36CB

#BEA8FD #6D36CB

Calculate the color between two colors, #BEA8FD and #6D36CB. 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)

#BEA8FD - #6D36CB | 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 #BEA8FD as 0% and #6D36CB as 100%.

0.0%	0.0% #BEA8FD	RGB 190 168 253	#BEA8FD
16.7%	16.7% #B095F4	RGB 176 149 244	#B095F4
33.3%	33.3% #A382EC	RGB 163 130 236	#A382EC
50.0%	50.0% #956FE4	RGB 149 111 228	#956FE4
66.7%	66.7% #885CDB	RGB 136 92 219	#885CDB
83.3%	83.3% #7A49D3	RGB 122 73 211	#7A49D3
100.0%	100.0% #6D36CB	RGB 109 54 203	#6D36CB

#BEA8FD #B095F4 #A382EC #956FE4 #885CDB #7A49D3 #6D36CB

#BEA8FD - #6D36CB

HSV Blend

#BEA8FD - #6D36CB | 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 #BEA8FD as 0% and #6D36CB as 100%.

0.0%	0.0% #BEA8FD	RGB 190 168 253	#BEA8FD
16.7%	16.7% #AD92F4	RGB 173 146 244	#AD92F4
33.3%	33.3% #9E7DEC	RGB 158 125 236	#9E7DEC
50.0%	50.0% #906AE4	RGB 144 106 228	#906AE4
66.7%	66.7% #8357DB	RGB 131 87 219	#8357DB
83.3%	83.3% #7746D3	RGB 119 70 211	#7746D3
100.0%	100.0% #6D36CB	RGB 109 54 203	#6D36CB

#BEA8FD #AD92F4 #9E7DEC #906AE4 #8357DB #7746D3 #6D36CB

#BEA8FD - #906AE4 - #6D36CB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEA8FD 0%, #906AE4 50%, #6D36CB 100%);
    background: -webkit-linear-gradient(top, #BEA8FD 0%, #906AE4 50%, #6D36CB 100%);
    background: linear-gradient(to bottom, #BEA8FD 0%, #906AE4 50%, #6D36CB 100%);
}
</style>