#CAC8C9 - #945E8C | 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 #CAC8C9 to #945E8C

#CAC8C9 #945E8C

Calculate the color between two colors, #CAC8C9 and #945E8C. 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)

#CAC8C9 - #945E8C | 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 #CAC8C9 as 0% and #945E8C as 100%.

0.0%	0.0% #CAC8C9	RGB 202 200 201	#CAC8C9
16.7%	16.7% #C1B6BE	RGB 193 182 190	#C1B6BE
33.3%	33.3% #B8A4B4	RGB 184 164 180	#B8A4B4
50.0%	50.0% #AF93AA	RGB 175 147 170	#AF93AA
66.7%	66.7% #A681A0	RGB 166 129 160	#A681A0
83.3%	83.3% #9D6F96	RGB 157 111 150	#9D6F96
100.0%	100.0% #945E8C	RGB 148 94 140	#945E8C

#CAC8C9 #C1B6BE #B8A4B4 #AF93AA #A681A0 #9D6F96 #945E8C

#CAC8C9 - #945E8C

HSV Blend

#CAC8C9 - #945E8C | 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 #CAC8C9 as 0% and #945E8C as 100%.

0.0%	0.0% #CAC8C9	RGB 202 200 201	#CAC8C9
16.7%	16.7% #C1B3BB	RGB 193 179 187	#C1B3BB
33.3%	33.3% #B8A0AE	RGB 184 160 174	#B8A0AE
50.0%	50.0% #AF8EA4	RGB 175 142 164	#AF8EA4
66.7%	66.7% #A67D9B	RGB 166 125 155	#A67D9B
83.3%	83.3% #9D6D93	RGB 157 109 147	#9D6D93
100.0%	100.0% #945E8C	RGB 148 94 140	#945E8C

#CAC8C9 #C1B3BB #B8A0AE #AF8EA4 #A67D9B #9D6D93 #945E8C

#CAC8C9 - #AF8EA4 - #945E8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAC8C9 0%, #AF8EA4 50%, #945E8C 100%);
    background: -webkit-linear-gradient(top, #CAC8C9 0%, #AF8EA4 50%, #945E8C 100%);
    background: linear-gradient(to bottom, #CAC8C9 0%, #AF8EA4 50%, #945E8C 100%);
}
</style>