#CBA8C7 - #A2437C | 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 #CBA8C7 to #A2437C

#CBA8C7 #A2437C

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

#CBA8C7 - #A2437C | 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 #CBA8C7 as 0% and #A2437C as 100%.

0.0%	0.0% #CBA8C7	RGB 203 168 199	#CBA8C7
16.7%	16.7% #C497BA	RGB 196 151 186	#C497BA
33.3%	33.3% #BD86AE	RGB 189 134 174	#BD86AE
50.0%	50.0% #B675A1	RGB 182 117 161	#B675A1
66.7%	66.7% #AF6495	RGB 175 100 149	#AF6495
83.3%	83.3% #A85388	RGB 168 83 136	#A85388
100.0%	100.0% #A2437C	RGB 162 67 124	#A2437C

#CBA8C7 #C497BA #BD86AE #B675A1 #AF6495 #A85388 #A2437C

#CBA8C7 - #A2437C

HSV Blend

#CBA8C7 - #A2437C | 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 #CBA8C7 as 0% and #A2437C as 100%.

0.0%	0.0% #CBA8C7	RGB 203 168 199	#CBA8C7
16.7%	16.7% #C494BC	RGB 196 148 188	#C494BC
33.3%	33.3% #BD82B1	RGB 189 130 177	#BD82B1
50.0%	50.0% #B671A4	RGB 182 113 164	#B671A4
66.7%	66.7% #AF6097	RGB 175 96 151	#AF6097
83.3%	83.3% #A8518A	RGB 168 81 138	#A8518A
100.0%	100.0% #A2437C	RGB 162 67 124	#A2437C

#CBA8C7 #C494BC #BD82B1 #B671A4 #AF6097 #A8518A #A2437C

#CBA8C7 - #B671A4 - #A2437C

CSS codes

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

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