#6D709C - #BAB0B2 | 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 #6D709C to #BAB0B2

#6D709C #BAB0B2

Calculate the color between two colors, #6D709C and #BAB0B2. 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)

#6D709C - #BAB0B2 | 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 #6D709C as 0% and #BAB0B2 as 100%.

0.0%	0.0% #6D709C	RGB 109 112 156	#6D709C
16.7%	16.7% #797A9F	RGB 121 122 159	#797A9F
33.3%	33.3% #8685A3	RGB 134 133 163	#8685A3
50.0%	50.0% #9390A7	RGB 147 144 167	#9390A7
66.7%	66.7% #A09AAA	RGB 160 154 170	#A09AAA
83.3%	83.3% #ADA5AE	RGB 173 165 174	#ADA5AE
100.0%	100.0% #BAB0B2	RGB 186 176 178	#BAB0B2

#6D709C #797A9F #8685A3 #9390A7 #A09AAA #ADA5AE #BAB0B2

#6D709C - #BAB0B2

HSV Blend

#6D709C - #BAB0B2 | 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 #6D709C as 0% and #BAB0B2 as 100%.

0.0%	0.0% #6D709C	RGB 109 112 156	#6D709C
16.7%	16.7% #8177A1	RGB 129 119 161	#8177A1
33.3%	33.3% #9581A6	RGB 149 129 166	#9581A6
50.0%	50.0% #A68CAB	RGB 166 140 171	#A68CAB
66.7%	66.7% #B098AB	RGB 176 152 171	#B098AB
83.3%	83.3% #B5A3AC	RGB 181 163 172	#B5A3AC
100.0%	100.0% #BAB0B2	RGB 186 176 178	#BAB0B2

#6D709C #8177A1 #9581A6 #A68CAB #B098AB #B5A3AC #BAB0B2

#6D709C - #A68CAB - #BAB0B2

CSS codes

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

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