#CAB5D9 - #895497 | 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 #CAB5D9 to #895497

#CAB5D9 #895497

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

#CAB5D9 - #895497 | 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 #CAB5D9 as 0% and #895497 as 100%.

0.0%	0.0% #CAB5D9	RGB 202 181 217	#CAB5D9
16.7%	16.7% #BFA4CE	RGB 191 164 206	#BFA4CE
33.3%	33.3% #B494C3	RGB 180 148 195	#B494C3
50.0%	50.0% #A984B8	RGB 169 132 184	#A984B8
66.7%	66.7% #9E74AD	RGB 158 116 173	#9E74AD
83.3%	83.3% #9364A2	RGB 147 100 162	#9364A2
100.0%	100.0% #895497	RGB 137 84 151	#895497

#CAB5D9 #BFA4CE #B494C3 #A984B8 #9E74AD #9364A2 #895497

#CAB5D9 - #895497

HSV Blend

#CAB5D9 - #895497 | 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 #CAB5D9 as 0% and #895497 as 100%.

0.0%	0.0% #CAB5D9	RGB 202 181 217	#CAB5D9
16.7%	16.7% #BDA2CE	RGB 189 162 206	#BDA2CE
33.3%	33.3% #B190C3	RGB 177 144 195	#B190C3
50.0%	50.0% #A67FB8	RGB 166 127 184	#A67FB8
66.7%	66.7% #9C70AD	RGB 156 112 173	#9C70AD
83.3%	83.3% #9261A2	RGB 146 97 162	#9261A2
100.0%	100.0% #895497	RGB 137 84 151	#895497

#CAB5D9 #BDA2CE #B190C3 #A67FB8 #9C70AD #9261A2 #895497

#CAB5D9 - #A67FB8 - #895497

CSS codes

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

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