#6B9C9F - #C3B6B7 | 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 #6B9C9F to #C3B6B7

#6B9C9F #C3B6B7

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

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

0.0%	0.0% #6B9C9F	RGB 107 156 159	#6B9C9F
16.7%	16.7% #79A0A3	RGB 121 160 163	#79A0A3
33.3%	33.3% #88A4A7	RGB 136 164 167	#88A4A7
50.0%	50.0% #97A9AB	RGB 151 169 171	#97A9AB
66.7%	66.7% #A5ADAF	RGB 165 173 175	#A5ADAF
83.3%	83.3% #B4B1B3	RGB 180 177 179	#B4B1B3
100.0%	100.0% #C3B6B7	RGB 195 182 183	#C3B6B7

#6B9C9F #79A0A3 #88A4A7 #97A9AB #A5ADAF #B4B1B3 #C3B6B7

#6B9C9F - #C3B6B7

HSV Blend

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

0.0%	0.0% #6B9C9F	RGB 107 156 159	#6B9C9F
16.7%	16.7% #768BA5	RGB 118 139 165	#768BA5
33.3%	33.3% #8281AB	RGB 130 129 171	#8281AB
50.0%	50.0% #9F8EB1	RGB 159 142 177	#9F8EB1
66.7%	66.7% #B69AB7	RGB 182 154 183	#B69AB7
83.3%	83.3% #BDA8B3	RGB 189 168 179	#BDA8B3
100.0%	100.0% #C3B6B7	RGB 195 182 183	#C3B6B7

#6B9C9F #768BA5 #8281AB #9F8EB1 #B69AB7 #BDA8B3 #C3B6B7

#6B9C9F - #9F8EB1 - #C3B6B7

CSS codes

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

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