#CEC5D0 - #8C6C84 | 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 #CEC5D0 to #8C6C84

#CEC5D0 #8C6C84

Calculate the color between two colors, #CEC5D0 and #8C6C84. 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)

#CEC5D0 - #8C6C84 | 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 #CEC5D0 as 0% and #8C6C84 as 100%.

0.0%	0.0% #CEC5D0	RGB 206 197 208	#CEC5D0
16.7%	16.7% #C3B6C3	RGB 195 182 195	#C3B6C3
33.3%	33.3% #B8A7B6	RGB 184 167 182	#B8A7B6
50.0%	50.0% #AD98AA	RGB 173 152 170	#AD98AA
66.7%	66.7% #A2899D	RGB 162 137 157	#A2899D
83.3%	83.3% #977A90	RGB 151 122 144	#977A90
100.0%	100.0% #8C6C84	RGB 140 108 132	#8C6C84

#CEC5D0 #C3B6C3 #B8A7B6 #AD98AA #A2899D #977A90 #8C6C84

#CEC5D0 - #8C6C84

HSV Blend

#CEC5D0 - #8C6C84 | 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 #CEC5D0 as 0% and #8C6C84 as 100%.

0.0%	0.0% #CEC5D0	RGB 206 197 208	#CEC5D0
16.7%	16.7% #C2B4C4	RGB 194 180 196	#C2B4C4
33.3%	33.3% #B8A4B9	RGB 184 164 185	#B8A4B9
50.0%	50.0% #AE95AD	RGB 174 149 173	#AE95AD
66.7%	66.7% #A2879F	RGB 162 135 159	#A2879F
83.3%	83.3% #977991	RGB 151 121 145	#977991
100.0%	100.0% #8C6C84	RGB 140 108 132	#8C6C84

#CEC5D0 #C2B4C4 #B8A4B9 #AE95AD #A2879F #977991 #8C6C84

#CEC5D0 - #AE95AD - #8C6C84

CSS codes

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

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