#CDCBCC - #897BA0 | 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 #897BA0

#CDCBCC #897BA0

Calculate the color between two colors, #CDCBCC and #897BA0. 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 - #897BA0 | 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 #897BA0 as 100%.

0.0%	0.0% #CDCBCC	RGB 205 203 204	#CDCBCC
16.7%	16.7% #C1BDC4	RGB 193 189 196	#C1BDC4
33.3%	33.3% #B6B0BD	RGB 182 176 189	#B6B0BD
50.0%	50.0% #ABA3B6	RGB 171 163 182	#ABA3B6
66.7%	66.7% #9F95AE	RGB 159 149 174	#9F95AE
83.3%	83.3% #9488A7	RGB 148 136 167	#9488A7
100.0%	100.0% #897BA0	RGB 137 123 160	#897BA0

#CDCBCC #C1BDC4 #B6B0BD #ABA3B6 #9F95AE #9488A7 #897BA0

#CDCBCC - #897BA0

HSV Blend

#CDCBCC - #897BA0 | 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 #897BA0 as 100%.

0.0%	0.0% #CDCBCC	RGB 205 203 204	#CDCBCC
16.7%	16.7% #C5BCC2	RGB 197 188 194	#C5BCC2
33.3%	33.3% #BEAEBB	RGB 190 174 187	#BEAEBB
50.0%	50.0% #B5A0B6	RGB 181 160 182	#B5A0B6
66.7%	66.7% #A893AF	RGB 168 147 175	#A893AF
83.3%	83.3% #9986A7	RGB 153 134 167	#9986A7
100.0%	100.0% #897BA0	RGB 137 123 160	#897BA0

#CDCBCC #C5BCC2 #BEAEBB #B5A0B6 #A893AF #9986A7 #897BA0

#CDCBCC - #B5A0B6 - #897BA0

CSS codes

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

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