#6D6D95 - #BAADAB | 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 #6D6D95 to #BAADAB

#6D6D95 #BAADAB

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

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

0.0%	0.0% #6D6D95	RGB 109 109 149	#6D6D95
16.7%	16.7% #797798	RGB 121 119 152	#797798
33.3%	33.3% #86829C	RGB 134 130 156	#86829C
50.0%	50.0% #938DA0	RGB 147 141 160	#938DA0
66.7%	66.7% #A097A3	RGB 160 151 163	#A097A3
83.3%	83.3% #ADA2A7	RGB 173 162 167	#ADA2A7
100.0%	100.0% #BAADAB	RGB 186 173 171	#BAADAB

#6D6D95 #797798 #86829C #938DA0 #A097A3 #ADA2A7 #BAADAB

#6D6D95 - #BAADAB

HSV Blend

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

0.0%	0.0% #6D6D95	RGB 109 109 149	#6D6D95
16.7%	16.7% #83769B	RGB 131 118 155	#83769B
33.3%	33.3% #9780A1	RGB 151 128 161	#9780A1
50.0%	50.0% #A78AA5	RGB 167 138 165	#A78AA5
66.7%	66.7% #AD94A3	RGB 173 148 163	#AD94A3
83.3%	83.3% #B39FA4	RGB 179 159 164	#B39FA4
100.0%	100.0% #BAADAB	RGB 186 173 171	#BAADAB

#6D6D95 #83769B #9780A1 #A78AA5 #AD94A3 #B39FA4 #BAADAB

#6D6D95 - #A78AA5 - #BAADAB

CSS codes

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

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