#CAB2CD - #A15DAE | 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 #CAB2CD to #A15DAE

#CAB2CD #A15DAE

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

#CAB2CD - #A15DAE | 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 #CAB2CD as 0% and #A15DAE as 100%.

0.0%	0.0% #CAB2CD	RGB 202 178 205	#CAB2CD
16.7%	16.7% #C3A3C7	RGB 195 163 199	#C3A3C7
33.3%	33.3% #BC95C2	RGB 188 149 194	#BC95C2
50.0%	50.0% #B587BD	RGB 181 135 189	#B587BD
66.7%	66.7% #AE79B8	RGB 174 121 184	#AE79B8
83.3%	83.3% #A76BB3	RGB 167 107 179	#A76BB3
100.0%	100.0% #A15DAE	RGB 161 93 174	#A15DAE

#CAB2CD #C3A3C7 #BC95C2 #B587BD #AE79B8 #A76BB3 #A15DAE

#CAB2CD - #A15DAE

HSV Blend

#CAB2CD - #A15DAE | 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 #CAB2CD as 0% and #A15DAE as 100%.

0.0%	0.0% #CAB2CD	RGB 202 178 205	#CAB2CD
16.7%	16.7% #C3A2C7	RGB 195 162 199	#C3A2C7
33.3%	33.3% #BC93C2	RGB 188 147 194	#BC93C2
50.0%	50.0% #B584BD	RGB 181 132 189	#B584BD
66.7%	66.7% #AE77B8	RGB 174 119 184	#AE77B8
83.3%	83.3% #A769B3	RGB 167 105 179	#A769B3
100.0%	100.0% #A15DAE	RGB 161 93 174	#A15DAE

#CAB2CD #C3A2C7 #BC93C2 #B584BD #AE77B8 #A769B3 #A15DAE

#CAB2CD - #B584BD - #A15DAE

CSS codes

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

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