#CAA6C2 - #9F4476 | 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 #CAA6C2 to #9F4476

#CAA6C2 #9F4476

Calculate the color between two colors, #CAA6C2 and #9F4476. 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)

#CAA6C2 - #9F4476 | 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 #CAA6C2 as 0% and #9F4476 as 100%.

0.0%	0.0% #CAA6C2	RGB 202 166 194	#CAA6C2
16.7%	16.7% #C295B5	RGB 194 149 181	#C295B5
33.3%	33.3% #BB85A8	RGB 187 133 168	#BB85A8
50.0%	50.0% #B4759C	RGB 180 117 156	#B4759C
66.7%	66.7% #AD648F	RGB 173 100 143	#AD648F
83.3%	83.3% #A65482	RGB 166 84 130	#A65482
100.0%	100.0% #9F4476	RGB 159 68 118	#9F4476

#CAA6C2 #C295B5 #BB85A8 #B4759C #AD648F #A65482 #9F4476

#CAA6C2 - #9F4476

HSV Blend

#CAA6C2 - #9F4476 | 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 #CAA6C2 as 0% and #9F4476 as 100%.

0.0%	0.0% #CAA6C2	RGB 202 166 194	#CAA6C2
16.7%	16.7% #C293B6	RGB 194 147 182	#C293B6
33.3%	33.3% #BB81AA	RGB 187 129 170	#BB81AA
50.0%	50.0% #B4709D	RGB 180 112 157	#B4709D
66.7%	66.7% #AD6090	RGB 173 96 144	#AD6090
83.3%	83.3% #A65183	RGB 166 81 131	#A65183
100.0%	100.0% #9F4476	RGB 159 68 118	#9F4476

#CAA6C2 #C293B6 #BB81AA #B4709D #AD6090 #A65183 #9F4476

#CAA6C2 - #B4709D - #9F4476

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAA6C2 0%, #B4709D 50%, #9F4476 100%);
    background: -webkit-linear-gradient(top, #CAA6C2 0%, #B4709D 50%, #9F4476 100%);
    background: linear-gradient(to bottom, #CAA6C2 0%, #B4709D 50%, #9F4476 100%);
}
</style>