#B8B4E8 - #343342 | 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 #B8B4E8 to #343342

#B8B4E8 #343342

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

#B8B4E8 - #343342 | 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 #B8B4E8 as 0% and #343342 as 100%.

0.0%	0.0% #B8B4E8	RGB 184 180 232	#B8B4E8
16.7%	16.7% #A29ECC	RGB 162 158 204	#A29ECC
33.3%	33.3% #8C89B0	RGB 140 137 176	#8C89B0
50.0%	50.0% #767395	RGB 118 115 149	#767395
66.7%	66.7% #605E79	RGB 96 94 121	#605E79
83.3%	83.3% #4A485D	RGB 74 72 93	#4A485D
100.0%	100.0% #343342	RGB 52 51 66	#343342

#B8B4E8 #A29ECC #8C89B0 #767395 #605E79 #4A485D #343342

#B8B4E8 - #343342

HSV Blend

#B8B4E8 - #343342 | 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 #B8B4E8 as 0% and #343342 as 100%.

0.0%	0.0% #B8B4E8	RGB 184 180 232	#B8B4E8
16.7%	16.7% #A19ECC	RGB 161 158 204	#A19ECC
33.3%	33.3% #8B88B0	RGB 139 136 176	#8B88B0
50.0%	50.0% #757395	RGB 117 115 149	#757395
66.7%	66.7% #5F5D79	RGB 95 93 121	#5F5D79
83.3%	83.3% #49485D	RGB 73 72 93	#49485D
100.0%	100.0% #343342	RGB 52 51 66	#343342

#B8B4E8 #A19ECC #8B88B0 #757395 #5F5D79 #49485D #343342

#B8B4E8 - #757395 - #343342

CSS codes

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

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