#6B8BA7 - #CCC7BD | 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 #6B8BA7 to #CCC7BD

#6B8BA7 #CCC7BD

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

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

0.0%	0.0% #6B8BA7	RGB 107 139 167	#6B8BA7
16.7%	16.7% #7B95AA	RGB 123 149 170	#7B95AA
33.3%	33.3% #8B9FAE	RGB 139 159 174	#8B9FAE
50.0%	50.0% #9BA9B2	RGB 155 169 178	#9BA9B2
66.7%	66.7% #ABB3B5	RGB 171 179 181	#ABB3B5
83.3%	83.3% #BBBDB9	RGB 187 189 185	#BBBDB9
100.0%	100.0% #CCC7BD	RGB 204 199 189	#CCC7BD

#6B8BA7 #7B95AA #8B9FAE #9BA9B2 #ABB3B5 #BBBDB9 #CCC7BD

#6B8BA7 - #CCC7BD

HSV Blend

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

0.0%	0.0% #6B8AA7	RGB 107 138 167	#6B8AA7
16.7%	16.7% #77ADAD	RGB 119 173 173	#77ADAD
33.3%	33.3% #83B39D	RGB 131 179 157	#83B39D
50.0%	50.0% #91B994	RGB 145 185 148	#91B994
66.7%	66.7% #ACBF9F	RGB 172 191 159	#ACBF9F
83.3%	83.3% #C2C5AD	RGB 194 197 173	#C2C5AD
100.0%	100.0% #CCC7BD	RGB 204 199 189	#CCC7BD

#6B8AA7 #77ADAD #83B39D #91B994 #ACBF9F #C2C5AD #CCC7BD

#6B8BA7 - #91B994 - #CCC7BD

CSS codes

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

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