#BEB5E9 - #363342 | 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 #BEB5E9 to #363342

#BEB5E9 #363342

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

#BEB5E9 - #363342 | 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 #BEB5E9 as 0% and #363342 as 100%.

0.0%	0.0% #BEB5E9	RGB 190 181 233	#BEB5E9
16.7%	16.7% #A79FCD	RGB 167 159 205	#A79FCD
33.3%	33.3% #9089B1	RGB 144 137 177	#9089B1
50.0%	50.0% #7A7495	RGB 122 116 149	#7A7495
66.7%	66.7% #635E79	RGB 99 94 121	#635E79
83.3%	83.3% #4C485D	RGB 76 72 93	#4C485D
100.0%	100.0% #363342	RGB 54 51 66	#363342

#BEB5E9 #A79FCD #9089B1 #7A7495 #635E79 #4C485D #363342

#BEB5E9 - #363342

HSV Blend

#BEB5E9 - #363342 | 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 #BEB5E9 as 0% and #363342 as 100%.

0.0%	0.0% #BEB5E9	RGB 190 181 233	#BEB5E9
16.7%	16.7% #A79FCD	RGB 167 159 205	#A79FCD
33.3%	33.3% #9089B1	RGB 144 137 177	#9089B1
50.0%	50.0% #7A7395	RGB 122 115 149	#7A7395
66.7%	66.7% #635E79	RGB 99 94 121	#635E79
83.3%	83.3% #4C485D	RGB 76 72 93	#4C485D
100.0%	100.0% #363342	RGB 54 51 66	#363342

#BEB5E9 #A79FCD #9089B1 #7A7395 #635E79 #4C485D #363342

#BEB5E9 - #7A7395 - #363342

CSS codes

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

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