#CAC8CE - #857B99 | 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 #CAC8CE to #857B99

#CAC8CE #857B99

Calculate the color between two colors, #CAC8CE and #857B99. 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)

#CAC8CE - #857B99 | 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 #CAC8CE as 0% and #857B99 as 100%.

0.0%	0.0% #CAC8CE	RGB 202 200 206	#CAC8CE
16.7%	16.7% #BEBBC5	RGB 190 187 197	#BEBBC5
33.3%	33.3% #B3AEBC	RGB 179 174 188	#B3AEBC
50.0%	50.0% #A7A1B3	RGB 167 161 179	#A7A1B3
66.7%	66.7% #9C94AA	RGB 156 148 170	#9C94AA
83.3%	83.3% #9087A1	RGB 144 135 161	#9087A1
100.0%	100.0% #857B99	RGB 133 123 153	#857B99

#CAC8CE #BEBBC5 #B3AEBC #A7A1B3 #9C94AA #9087A1 #857B99

#CAC8CE - #857B99

HSV Blend

#CAC8CE - #857B99 | 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 #CAC8CE as 0% and #857B99 as 100%.

0.0%	0.0% #CAC8CE	RGB 202 200 206	#CAC8CE
16.7%	16.7% #BDB9C5	RGB 189 185 197	#BDB9C5
33.3%	33.3% #B1ACBC	RGB 177 172 188	#B1ACBC
50.0%	50.0% #A69FB3	RGB 166 159 179	#A69FB3
66.7%	66.7% #9A92AA	RGB 154 146 170	#9A92AA
83.3%	83.3% #8F86A1	RGB 143 134 161	#8F86A1
100.0%	100.0% #857B99	RGB 133 123 153	#857B99

#CAC8CE #BDB9C5 #B1ACBC #A69FB3 #9A92AA #8F86A1 #857B99

#CAC8CE - #A69FB3 - #857B99

CSS codes

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

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