#CCC8D9 - #856D98 | 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 #CCC8D9 to #856D98

#CCC8D9 #856D98

Calculate the color between two colors, #CCC8D9 and #856D98. 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)

#CCC8D9 - #856D98 | 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 #CCC8D9 as 0% and #856D98 as 100%.

0.0%	0.0% #CCC8D9	RGB 204 200 217	#CCC8D9
16.7%	16.7% #C0B8CE	RGB 192 184 206	#C0B8CE
33.3%	33.3% #B4A9C3	RGB 180 169 195	#B4A9C3
50.0%	50.0% #A89AB8	RGB 168 154 184	#A89AB8
66.7%	66.7% #9C8BAD	RGB 156 139 173	#9C8BAD
83.3%	83.3% #907CA2	RGB 144 124 162	#907CA2
100.0%	100.0% #856D98	RGB 133 109 152	#856D98

#CCC8D9 #C0B8CE #B4A9C3 #A89AB8 #9C8BAD #907CA2 #856D98

#CCC8D9 - #856D98

HSV Blend

#CCC8D9 - #856D98 | 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 #CCC8D9 as 0% and #856D98 as 100%.

0.0%	0.0% #CCC8D9	RGB 204 200 217	#CCC8D9
16.7%	16.7% #BDB6CE	RGB 189 182 206	#BDB6CE
33.3%	33.3% #B0A6C3	RGB 176 166 195	#B0A6C3
50.0%	50.0% #A497B8	RGB 164 151 184	#A497B8
66.7%	66.7% #9988AD	RGB 153 136 173	#9988AD
83.3%	83.3% #8E7AA2	RGB 142 122 162	#8E7AA2
100.0%	100.0% #856D98	RGB 133 109 152	#856D98

#CCC8D9 #BDB6CE #B0A6C3 #A497B8 #9988AD #8E7AA2 #856D98

#CCC8D9 - #A497B8 - #856D98

CSS codes

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

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