#6F6F99 - #BBAFAE | 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 #6F6F99 to #BBAFAE

#6F6F99 #BBAFAE

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

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

0.0%	0.0% #6F6F99	RGB 111 111 153	#6F6F99
16.7%	16.7% #7B799C	RGB 123 121 156	#7B799C
33.3%	33.3% #8884A0	RGB 136 132 160	#8884A0
50.0%	50.0% #958FA3	RGB 149 143 163	#958FA3
66.7%	66.7% #A199A7	RGB 161 153 167	#A199A7
83.3%	83.3% #AEA4AA	RGB 174 164 170	#AEA4AA
100.0%	100.0% #BBAFAE	RGB 187 175 174	#BBAFAE

#6F6F99 #7B799C #8884A0 #958FA3 #A199A7 #AEA4AA #BBAFAE

#6F6F99 - #BBAFAE

HSV Blend

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

0.0%	0.0% #6F6F99	RGB 111 111 153	#6F6F99
16.7%	16.7% #85789E	RGB 133 120 158	#85789E
33.3%	33.3% #9982A4	RGB 153 130 164	#9982A4
50.0%	50.0% #AA8CA8	RGB 170 140 168	#AA8CA8
66.7%	66.7% #AF97A6	RGB 175 151 166	#AF97A6
83.3%	83.3% #B5A2A7	RGB 181 162 167	#B5A2A7
100.0%	100.0% #BBAFAE	RGB 187 175 174	#BBAFAE

#6F6F99 #85789E #9982A4 #AA8CA8 #AF97A6 #B5A2A7 #BBAFAE

#6F6F99 - #AA8CA8 - #BBAFAE

CSS codes

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

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