#6E6E99 - #BAAEAF | 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 #6E6E99 to #BAAEAF

#6E6E99 #BAAEAF

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

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

0.0%	0.0% #6E6E99	RGB 110 110 153	#6E6E99
16.7%	16.7% #7A789C	RGB 122 120 156	#7A789C
33.3%	33.3% #8783A0	RGB 135 131 160	#8783A0
50.0%	50.0% #948EA4	RGB 148 142 164	#948EA4
66.7%	66.7% #A098A7	RGB 160 152 167	#A098A7
83.3%	83.3% #ADA3AB	RGB 173 163 171	#ADA3AB
100.0%	100.0% #BAAEAF	RGB 186 174 175	#BAAEAF

#6E6E99 #7A789C #8783A0 #948EA4 #A098A7 #ADA3AB #BAAEAF

#6E6E99 - #BAAEAF

HSV Blend

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

0.0%	0.0% #6E6E99	RGB 110 110 153	#6E6E99
16.7%	16.7% #84779E	RGB 132 119 158	#84779E
33.3%	33.3% #9781A4	RGB 151 129 164	#9781A4
50.0%	50.0% #A88CA9	RGB 168 140 169	#A88CA9
66.7%	66.7% #AF97A8	RGB 175 151 168	#AF97A8
83.3%	83.3% #B4A2A9	RGB 180 162 169	#B4A2A9
100.0%	100.0% #BAAEAF	RGB 186 174 175	#BAAEAF

#6E6E99 #84779E #9781A4 #A88CA9 #AF97A8 #B4A2A9 #BAAEAF

#6E6E99 - #A88CA9 - #BAAEAF

CSS codes

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

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