#CCCAD0 - #84738C | 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 #CCCAD0 to #84738C

#CCCAD0 #84738C

Calculate the color between two colors, #CCCAD0 and #84738C. 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)

#CCCAD0 - #84738C | 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 #CCCAD0 as 0% and #84738C as 100%.

0.0%	0.0% #CCCAD0	RGB 204 202 208	#CCCAD0
16.7%	16.7% #C0BBC4	RGB 192 187 196	#C0BBC4
33.3%	33.3% #B4ADB9	RGB 180 173 185	#B4ADB9
50.0%	50.0% #A89EAE	RGB 168 158 174	#A89EAE
66.7%	66.7% #9C90A2	RGB 156 144 162	#9C90A2
83.3%	83.3% #908197	RGB 144 129 151	#908197
100.0%	100.0% #84738C	RGB 132 115 140	#84738C

#CCCAD0 #C0BBC4 #B4ADB9 #A89EAE #9C90A2 #908197 #84738C

#CCCAD0 - #84738C

HSV Blend

#CCCAD0 - #84738C | 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 #CCCAD0 as 0% and #84738C as 100%.

0.0%	0.0% #CCCAD0	RGB 204 202 208	#CCCAD0
16.7%	16.7% #BEBAC4	RGB 190 186 196	#BEBAC4
33.3%	33.3% #B1AAB9	RGB 177 170 185	#B1AAB9
50.0%	50.0% #A59BAE	RGB 165 155 174	#A59BAE
66.7%	66.7% #998DA2	RGB 153 141 162	#998DA2
83.3%	83.3% #8E8097	RGB 142 128 151	#8E8097
100.0%	100.0% #84738C	RGB 132 115 140	#84738C

#CCCAD0 #BEBAC4 #B1AAB9 #A59BAE #998DA2 #8E8097 #84738C

#CCCAD0 - #A59BAE - #84738C

CSS codes

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

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