#CDCCCC - #816D8D | 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 #CDCCCC to #816D8D

#CDCCCC #816D8D

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

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

0.0%	0.0% #CDCCCC	RGB 205 204 204	#CDCCCC
16.7%	16.7% #C0BCC1	RGB 192 188 193	#C0BCC1
33.3%	33.3% #B3ACB7	RGB 179 172 183	#B3ACB7
50.0%	50.0% #A79CAC	RGB 167 156 172	#A79CAC
66.7%	66.7% #9A8CA2	RGB 154 140 162	#9A8CA2
83.3%	83.3% #8D7C97	RGB 141 124 151	#8D7C97
100.0%	100.0% #816D8D	RGB 129 109 141	#816D8D

#CDCCCC #C0BCC1 #B3ACB7 #A79CAC #9A8CA2 #8D7C97 #816D8D

#CDCCCC - #816D8D

HSV Blend

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

0.0%	0.0% #CDCCCC	RGB 205 204 204	#CDCCCC
16.7%	16.7% #C2BABC	RGB 194 186 188	#C2BABC
33.3%	33.3% #B7A9AF	RGB 183 169 175	#B7A9AF
50.0%	50.0% #AD98A6	RGB 173 152 166	#AD98A6
66.7%	66.7% #A289A0	RGB 162 137 160	#A289A0
83.3%	83.3% #937A97	RGB 147 122 151	#937A97
100.0%	100.0% #816D8D	RGB 129 109 141	#816D8D

#CDCCCC #C2BABC #B7A9AF #AD98A6 #A289A0 #937A97 #816D8D

#CDCCCC - #AD98A6 - #816D8D

CSS codes

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

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