#6F899F - #C2B5B5 | 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 #6F899F to #C2B5B5

#6F899F #C2B5B5

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

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

0.0%	0.0% #6F899F	RGB 111 137 159	#6F899F
16.7%	16.7% #7C90A2	RGB 124 144 162	#7C90A2
33.3%	33.3% #8A97A6	RGB 138 151 166	#8A97A6
50.0%	50.0% #989FAA	RGB 152 159 170	#989FAA
66.7%	66.7% #A6A6AD	RGB 166 166 173	#A6A6AD
83.3%	83.3% #B4ADB1	RGB 180 173 177	#B4ADB1
100.0%	100.0% #C2B5B5	RGB 194 181 181	#C2B5B5

#6F899F #7C90A2 #8A97A6 #989FAA #A6A6AD #B4ADB1 #C2B5B5

#6F899F - #C2B5B5

HSV Blend

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

0.0%	0.0% #6F899F	RGB 111 137 159	#6F899F
16.7%	16.7% #797EA4	RGB 121 126 164	#797EA4
33.3%	33.3% #9084AA	RGB 144 132 170	#9084AA
50.0%	50.0% #A78FB0	RGB 167 143 176	#A78FB0
66.7%	66.7% #B69BB2	RGB 182 155 178	#B69BB2
83.3%	83.3% #BCA8B0	RGB 188 168 176	#BCA8B0
100.0%	100.0% #C2B5B5	RGB 194 181 181	#C2B5B5

#6F899F #797EA4 #9084AA #A78FB0 #B69BB2 #BCA8B0 #C2B5B5

#6F899F - #A78FB0 - #C2B5B5

CSS codes

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

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