#CCC0CD - #816B88 | 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 #CCC0CD to #816B88

#CCC0CD #816B88

Calculate the color between two colors, #CCC0CD and #816B88. 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)

#CCC0CD - #816B88 | 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 #CCC0CD as 0% and #816B88 as 100%.

0.0%	0.0% #CCC0CD	RGB 204 192 205	#CCC0CD
16.7%	16.7% #BFB1C1	RGB 191 177 193	#BFB1C1
33.3%	33.3% #B3A3B6	RGB 179 163 182	#B3A3B6
50.0%	50.0% #A695AA	RGB 166 149 170	#A695AA
66.7%	66.7% #9A879F	RGB 154 135 159	#9A879F
83.3%	83.3% #8D7993	RGB 141 121 147	#8D7993
100.0%	100.0% #816B88	RGB 129 107 136	#816B88

#CCC0CD #BFB1C1 #B3A3B6 #A695AA #9A879F #8D7993 #816B88

#CCC0CD - #816B88

HSV Blend

#CCC0CD - #816B88 | 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 #CCC0CD as 0% and #816B88 as 100%.

0.0%	0.0% #CCC0CD	RGB 204 192 205	#CCC0CD
16.7%	16.7% #BFB0C1	RGB 191 176 193	#BFB0C1
33.3%	33.3% #B3A1B6	RGB 179 161 182	#B3A1B6
50.0%	50.0% #A692AA	RGB 166 146 170	#A692AA
66.7%	66.7% #9A859F	RGB 154 133 159	#9A859F
83.3%	83.3% #8D7793	RGB 141 119 147	#8D7793
100.0%	100.0% #816B88	RGB 129 107 136	#816B88

#CCC0CD #BFB0C1 #B3A1B6 #A692AA #9A859F #8D7793 #816B88

#CCC0CD - #A692AA - #816B88

CSS codes

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

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