#CAC4D0 - #7E6D8C | 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 #CAC4D0 to #7E6D8C

#CAC4D0 #7E6D8C

Calculate the color between two colors, #CAC4D0 and #7E6D8C. 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)

#CAC4D0 - #7E6D8C | 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 #CAC4D0 as 0% and #7E6D8C as 100%.

0.0%	0.0% #CAC4D0	RGB 202 196 208	#CAC4D0
16.7%	16.7% #BDB5C4	RGB 189 181 196	#BDB5C4
33.3%	33.3% #B0A7B9	RGB 176 167 185	#B0A7B9
50.0%	50.0% #A498AE	RGB 164 152 174	#A498AE
66.7%	66.7% #978AA2	RGB 151 138 162	#978AA2
83.3%	83.3% #8A7B97	RGB 138 123 151	#8A7B97
100.0%	100.0% #7E6D8C	RGB 126 109 140	#7E6D8C

#CAC4D0 #BDB5C4 #B0A7B9 #A498AE #978AA2 #8A7B97 #7E6D8C

#CAC4D0 - #7E6D8C

HSV Blend

#CAC4D0 - #7E6D8C | 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 #CAC4D0 as 0% and #7E6D8C as 100%.

0.0%	0.0% #CAC4D0	RGB 202 196 208	#CAC4D0
16.7%	16.7% #BCB3C4	RGB 188 179 196	#BCB3C4
33.3%	33.3% #AFA4B9	RGB 175 164 185	#AFA4B9
50.0%	50.0% #A295AE	RGB 162 149 174	#A295AE
66.7%	66.7% #9587A2	RGB 149 135 162	#9587A2
83.3%	83.3% #897997	RGB 137 121 151	#897997
100.0%	100.0% #7E6D8C	RGB 126 109 140	#7E6D8C

#CAC4D0 #BCB3C4 #AFA4B9 #A295AE #9587A2 #897997 #7E6D8C

#CAC4D0 - #A295AE - #7E6D8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC4D0 0%, #A295AE 50%, #7E6D8C 100%);
    background: -webkit-linear-gradient(top, #CAC4D0 0%, #A295AE 50%, #7E6D8C 100%);
    background: linear-gradient(to bottom, #CAC4D0 0%, #A295AE 50%, #7E6D8C 100%);
}
</style>