#946D9C - #BAB7B0 | 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 #946D9C to #BAB7B0

#946D9C #BAB7B0

Calculate the color between two colors, #946D9C and #BAB7B0. 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)

#946D9C - #BAB7B0 | 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 #946D9C as 0% and #BAB7B0 as 100%.

0.0%	0.0% #946D9C	RGB 148 109 156	#946D9C
16.7%	16.7% #9A799F	RGB 154 121 159	#9A799F
33.3%	33.3% #A085A2	RGB 160 133 162	#A085A2
50.0%	50.0% #A792A6	RGB 167 146 166	#A792A6
66.7%	66.7% #AD9EA9	RGB 173 158 169	#AD9EA9
83.3%	83.3% #B3AAAC	RGB 179 170 172	#B3AAAC
100.0%	100.0% #BAB7B0	RGB 186 183 176	#BAB7B0

#946D9C #9A799F #A085A2 #A792A6 #AD9EA9 #B3AAAC #BAB7B0

#946D9C - #BAB7B0

HSV Blend

#946D9C - #BAB7B0 | 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 #946D9C as 0% and #BAB7B0 as 100%.

0.0%	0.0% #946D9C	RGB 148 109 156	#946D9C
16.7%	16.7% #A1779B	RGB 161 119 155	#A1779B
33.3%	33.3% #A68195	RGB 166 129 149	#A68195
50.0%	50.0% #AB8C93	RGB 171 140 147	#AB8C93
66.7%	66.7% #B09998	RGB 176 153 152	#B09998
83.3%	83.3% #B5AAA3	RGB 181 170 163	#B5AAA3
100.0%	100.0% #BAB7B0	RGB 186 183 176	#BAB7B0

#946D9C #A1779B #A68195 #AB8C93 #B09998 #B5AAA3 #BAB7B0

#946D9C - #AB8C93 - #BAB7B0

CSS codes

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

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