#CAB2D1 - #8C5288 | 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 #CAB2D1 to #8C5288

#CAB2D1 #8C5288

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

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

0.0%	0.0% #CAB2D1	RGB 202 178 209	#CAB2D1
16.7%	16.7% #BFA2C4	RGB 191 162 196	#BFA2C4
33.3%	33.3% #B592B8	RGB 181 146 184	#B592B8
50.0%	50.0% #AB82AC	RGB 171 130 172	#AB82AC
66.7%	66.7% #A072A0	RGB 160 114 160	#A072A0
83.3%	83.3% #966294	RGB 150 98 148	#966294
100.0%	100.0% #8C5288	RGB 140 82 136	#8C5288

#CAB2D1 #BFA2C4 #B592B8 #AB82AC #A072A0 #966294 #8C5288

#CAB2D1 - #8C5288

HSV Blend

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

0.0%	0.0% #CAB2D1	RGB 202 178 209	#CAB2D1
16.7%	16.7% #BE9FC5	RGB 190 159 197	#BE9FC5
33.3%	33.3% #B48DBA	RGB 180 141 186	#B48DBA
50.0%	50.0% #AA7DAE	RGB 170 125 174	#AA7DAE
66.7%	66.7% #A16DA3	RGB 161 109 163	#A16DA3
83.3%	83.3% #975F96	RGB 151 95 150	#975F96
100.0%	100.0% #8C5288	RGB 140 82 136	#8C5288

#CAB2D1 #BE9FC5 #B48DBA #AA7DAE #A16DA3 #975F96 #8C5288

#CAB2D1 - #AA7DAE - #8C5288

CSS codes

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

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