#CECBCD - #A77BA9 | 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 #CECBCD to #A77BA9

#CECBCD #A77BA9

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

#CECBCD - #A77BA9 | 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 #CECBCD as 0% and #A77BA9 as 100%.

0.0%	0.0% #CECBCD	RGB 206 203 205	#CECBCD
16.7%	16.7% #C7BDC7	RGB 199 189 199	#C7BDC7
33.3%	33.3% #C1B0C1	RGB 193 176 193	#C1B0C1
50.0%	50.0% #BAA3BB	RGB 186 163 187	#BAA3BB
66.7%	66.7% #B495B5	RGB 180 149 181	#B495B5
83.3%	83.3% #AD88AF	RGB 173 136 175	#AD88AF
100.0%	100.0% #A77BA9	RGB 167 123 169	#A77BA9

#CECBCD #C7BDC7 #C1B0C1 #BAA3BB #B495B5 #AD88AF #A77BA9

#CECBCD - #A77BA9

HSV Blend

#CECBCD - #A77BA9 | 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 #CECBCD as 0% and #A77BA9 as 100%.

0.0%	0.0% #CECBCD	RGB 206 203 205	#CECBCD
16.7%	16.7% #C7BCC4	RGB 199 188 196	#C7BCC4
33.3%	33.3% #C1AEBD	RGB 193 174 189	#C1AEBD
50.0%	50.0% #BBA0B7	RGB 187 160 183	#BBA0B7
66.7%	66.7% #B593B2	RGB 181 147 178	#B593B2
83.3%	83.3% #AF87AE	RGB 175 135 174	#AF87AE
100.0%	100.0% #A77BA9	RGB 167 123 169	#A77BA9

#CECBCD #C7BCC4 #C1AEBD #BBA0B7 #B593B2 #AF87AE #A77BA9

#CECBCD - #BBA0B7 - #A77BA9

CSS codes

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

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