#B5AFEC - #333243 | 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 #B5AFEC to #333243

#B5AFEC #333243

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

#B5AFEC - #333243 | 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 #B5AFEC as 0% and #333243 as 100%.

0.0%	0.0% #B5AFEC	RGB 181 175 236	#B5AFEC
16.7%	16.7% #9F9ACF	RGB 159 154 207	#9F9ACF
33.3%	33.3% #8985B3	RGB 137 133 179	#8985B3
50.0%	50.0% #747097	RGB 116 112 151	#747097
66.7%	66.7% #5E5B7B	RGB 94 91 123	#5E5B7B
83.3%	83.3% #48465F	RGB 72 70 95	#48465F
100.0%	100.0% #333243	RGB 51 50 67	#333243

#B5AFEC #9F9ACF #8985B3 #747097 #5E5B7B #48465F #333243

#B5AFEC - #333243

HSV Blend

#B5AFEC - #333243 | 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 #B5AFEC as 0% and #333243 as 100%.

0.0%	0.0% #B5AFEC	RGB 181 175 236	#B5AFEC
16.7%	16.7% #9F9ACF	RGB 159 154 207	#9F9ACF
33.3%	33.3% #8985B3	RGB 137 133 179	#8985B3
50.0%	50.0% #737097	RGB 115 112 151	#737097
66.7%	66.7% #5E5B7B	RGB 94 91 123	#5E5B7B
83.3%	83.3% #48465F	RGB 72 70 95	#48465F
100.0%	100.0% #333243	RGB 51 50 67	#333243

#B5AFEC #9F9ACF #8985B3 #737097 #5E5B7B #48465F #333243

#B5AFEC - #737097 - #333243

CSS codes

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

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