#C6BBC1 - #AF688B | 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 #C6BBC1 to #AF688B

#C6BBC1 #AF688B

Calculate the color between two colors, #C6BBC1 and #AF688B. 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)

#C6BBC1 - #AF688B | 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 #C6BBC1 as 0% and #AF688B as 100%.

0.0%	0.0% #C6BBC1	RGB 198 187 193	#C6BBC1
16.7%	16.7% #C2ADB8	RGB 194 173 184	#C2ADB8
33.3%	33.3% #BE9FAF	RGB 190 159 175	#BE9FAF
50.0%	50.0% #BA91A6	RGB 186 145 166	#BA91A6
66.7%	66.7% #B6839D	RGB 182 131 157	#B6839D
83.3%	83.3% #B27594	RGB 178 117 148	#B27594
100.0%	100.0% #AF688B	RGB 175 104 139	#AF688B

#C6BBC1 #C2ADB8 #BE9FAF #BA91A6 #B6839D #B27594 #AF688B

#C6BBC1 - #AF688B

HSV Blend

#C6BBC1 - #AF688B | 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 #C6BBC1 as 0% and #AF688B as 100%.

0.0%	0.0% #C6BBC1	RGB 198 187 193	#C6BBC1
16.7%	16.7% #C2ACB7	RGB 194 172 183	#C2ACB7
33.3%	33.3% #BE9DAE	RGB 190 157 174	#BE9DAE
50.0%	50.0% #BA8FA5	RGB 186 143 165	#BA8FA5
66.7%	66.7% #B6819C	RGB 182 129 156	#B6819C
83.3%	83.3% #B27493	RGB 178 116 147	#B27493
100.0%	100.0% #AF688B	RGB 175 104 139	#AF688B

#C6BBC1 #C2ACB7 #BE9DAE #BA8FA5 #B6819C #B27493 #AF688B

#C6BBC1 - #BA8FA5 - #AF688B

CSS codes

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

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