#6B8F7D - #B5A6BA | 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 #6B8F7D to #B5A6BA

#6B8F7D #B5A6BA

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

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

0.0%	0.0% #6B8F7D	RGB 107 143 125	#6B8F7D
16.7%	16.7% #779287	RGB 119 146 135	#779287
33.3%	33.3% #839691	RGB 131 150 145	#839691
50.0%	50.0% #909A9B	RGB 144 154 155	#909A9B
66.7%	66.7% #9C9EA5	RGB 156 158 165	#9C9EA5
83.3%	83.3% #A8A2AF	RGB 168 162 175	#A8A2AF
100.0%	100.0% #B5A6BA	RGB 181 166 186	#B5A6BA

#6B8F7D #779287 #839691 #909A9B #9C9EA5 #A8A2AF #B5A6BA

#6B8F7D - #B5A6BA

HSV Blend

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

0.0%	0.0% #6B8F7D	RGB 107 143 125	#6B8F7D
16.7%	16.7% #739691	RGB 115 150 145	#739691
33.3%	33.3% #7D959D	RGB 125 149 157	#7D959D
50.0%	50.0% #8692A4	RGB 134 146 164	#8692A4
66.7%	66.7% #9090AB	RGB 144 144 171	#9090AB
83.3%	83.3% #A49BB2	RGB 164 155 178	#A49BB2
100.0%	100.0% #B5A6BA	RGB 181 166 186	#B5A6BA

#6B8F7D #739691 #7D959D #8692A4 #9090AB #A49BB2 #B5A6BA

#6B8F7D - #8692A4 - #B5A6BA

CSS codes

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

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