#CDCBCC - #AB7BA3 | 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 #CDCBCC to #AB7BA3

#CDCBCC #AB7BA3

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

#CDCBCC - #AB7BA3 | 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 #CDCBCC as 0% and #AB7BA3 as 100%.

0.0%	0.0% #CDCBCC	RGB 205 203 204	#CDCBCC
16.7%	16.7% #C7BDC5	RGB 199 189 197	#C7BDC5
33.3%	33.3% #C1B0BE	RGB 193 176 190	#C1B0BE
50.0%	50.0% #BCA3B7	RGB 188 163 183	#BCA3B7
66.7%	66.7% #B695B0	RGB 182 149 176	#B695B0
83.3%	83.3% #B088A9	RGB 176 136 169	#B088A9
100.0%	100.0% #AB7BA3	RGB 171 123 163	#AB7BA3

#CDCBCC #C7BDC5 #C1B0BE #BCA3B7 #B695B0 #B088A9 #AB7BA3

#CDCBCC - #AB7BA3

HSV Blend

#CDCBCC - #AB7BA3 | 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 #CDCBCC as 0% and #AB7BA3 as 100%.

0.0%	0.0% #CDCBCC	RGB 205 203 204	#CDCBCC
16.7%	16.7% #C7BCC2	RGB 199 188 194	#C7BCC2
33.3%	33.3% #C1AEBA	RGB 193 174 186	#C1AEBA
50.0%	50.0% #BCA0B2	RGB 188 160 178	#BCA0B2
66.7%	66.7% #B693AC	RGB 182 147 172	#B693AC
83.3%	83.3% #B087A7	RGB 176 135 167	#B087A7
100.0%	100.0% #AB7BA3	RGB 171 123 163	#AB7BA3

#CDCBCC #C7BCC2 #C1AEBA #BCA0B2 #B693AC #B087A7 #AB7BA3

#CDCBCC - #BCA0B2 - #AB7BA3

CSS codes

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

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