#CBABC7 - #A3487C | 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 #CBABC7 to #A3487C

#CBABC7 #A3487C

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

#CBABC7 - #A3487C | 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 #CBABC7 as 0% and #A3487C as 100%.

0.0%	0.0% #CBABC7	RGB 203 171 199	#CBABC7
16.7%	16.7% #C49ABA	RGB 196 154 186	#C49ABA
33.3%	33.3% #BD8AAE	RGB 189 138 174	#BD8AAE
50.0%	50.0% #B779A1	RGB 183 121 161	#B779A1
66.7%	66.7% #B06995	RGB 176 105 149	#B06995
83.3%	83.3% #A95888	RGB 169 88 136	#A95888
100.0%	100.0% #A3487C	RGB 163 72 124	#A3487C

#CBABC7 #C49ABA #BD8AAE #B779A1 #B06995 #A95888 #A3487C

#CBABC7 - #A3487C

HSV Blend

#CBABC7 - #A3487C | 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 #CBABC7 as 0% and #A3487C as 100%.

0.0%	0.0% #CBABC7	RGB 203 171 199	#CBABC7
16.7%	16.7% #C498BC	RGB 196 152 188	#C498BC
33.3%	33.3% #BD86B1	RGB 189 134 177	#BD86B1
50.0%	50.0% #B775A4	RGB 183 117 164	#B775A4
66.7%	66.7% #B06597	RGB 176 101 151	#B06597
83.3%	83.3% #A9568A	RGB 169 86 138	#A9568A
100.0%	100.0% #A3487C	RGB 163 72 124	#A3487C

#CBABC7 #C498BC #BD86B1 #B775A4 #B06597 #A9568A #A3487C

#CBABC7 - #B775A4 - #A3487C

CSS codes

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

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