#B6B2D3 - #33323C | 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 #B6B2D3 to #33323C

#B6B2D3 #33323C

Calculate the color between two colors, #B6B2D3 and #33323C. 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)

#B6B2D3 - #33323C | 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 #B6B2D3 as 0% and #33323C as 100%.

0.0%	0.0% #B6B2D3	RGB 182 178 211	#B6B2D3
16.7%	16.7% #A09CB9	RGB 160 156 185	#A09CB9
33.3%	33.3% #8A87A0	RGB 138 135 160	#8A87A0
50.0%	50.0% #747287	RGB 116 114 135	#747287
66.7%	66.7% #5E5C6E	RGB 94 92 110	#5E5C6E
83.3%	83.3% #484755	RGB 72 71 85	#484755
100.0%	100.0% #33323C	RGB 51 50 60	#33323C

#B6B2D3 #A09CB9 #8A87A0 #747287 #5E5C6E #484755 #33323C

#B6B2D3 - #33323C

HSV Blend

#B6B2D3 - #33323C | 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 #B6B2D3 as 0% and #33323C as 100%.

0.0%	0.0% #B6B2D3	RGB 182 178 211	#B6B2D3
16.7%	16.7% #9F9CB9	RGB 159 156 185	#9F9CB9
33.3%	33.3% #8986A0	RGB 137 134 160	#8986A0
50.0%	50.0% #747187	RGB 116 113 135	#747187
66.7%	66.7% #5E5C6E	RGB 94 92 110	#5E5C6E
83.3%	83.3% #484755	RGB 72 71 85	#484755
100.0%	100.0% #33323C	RGB 51 50 60	#33323C

#B6B2D3 #9F9CB9 #8986A0 #747187 #5E5C6E #484755 #33323C

#B6B2D3 - #747187 - #33323C

CSS codes

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

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