#6B7F9C - #C6BDB4 | 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 #6B7F9C to #C6BDB4

#6B7F9C #C6BDB4

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

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

0.0%	0.0% #6B7F9C	RGB 107 127 156	#6B7F9C
16.7%	16.7% #7A89A0	RGB 122 137 160	#7A89A0
33.3%	33.3% #8993A4	RGB 137 147 164	#8993A4
50.0%	50.0% #989EA8	RGB 152 158 168	#989EA8
66.7%	66.7% #A7A8AC	RGB 167 168 172	#A7A8AC
83.3%	83.3% #B6B2B0	RGB 182 178 176	#B6B2B0
100.0%	100.0% #C6BDB4	RGB 198 189 180	#C6BDB4

#6B7F9C #7A89A0 #8993A4 #989EA8 #A7A8AC #B6B2B0 #C6BDB4

#6B7F9C - #C6BDB4

HSV Blend

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

0.0%	0.0% #6B7F9C	RGB 107 127 156	#6B7F9C
16.7%	16.7% #7975A3	RGB 121 117 163	#7975A3
33.3%	33.3% #9881AA	RGB 152 129 170	#9881AA
50.0%	50.0% #B18DAF	RGB 177 141 175	#B18DAF
66.7%	66.7% #B899A7	RGB 184 153 167	#B899A7
83.3%	83.3% #BFA6A6	RGB 191 166 166	#BFA6A6
100.0%	100.0% #C6BDB4	RGB 198 189 180	#C6BDB4

#6B7F9C #7975A3 #9881AA #B18DAF #B899A7 #BFA6A6 #C6BDB4

#6B7F9C - #B18DAF - #C6BDB4

CSS codes

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

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