#CBA3B9 - #9C466C | 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 #CBA3B9 to #9C466C

#CBA3B9 #9C466C

Calculate the color between two colors, #CBA3B9 and #9C466C. 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)

#CBA3B9 - #9C466C | 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 #CBA3B9 as 0% and #9C466C as 100%.

0.0%	0.0% #CBA3B9	RGB 203 163 185	#CBA3B9
16.7%	16.7% #C393AC	RGB 195 147 172	#C393AC
33.3%	33.3% #BB849F	RGB 187 132 159	#BB849F
50.0%	50.0% #B37492	RGB 179 116 146	#B37492
66.7%	66.7% #AB6585	RGB 171 101 133	#AB6585
83.3%	83.3% #A35578	RGB 163 85 120	#A35578
100.0%	100.0% #9C466C	RGB 156 70 108	#9C466C

#CBA3B9 #C393AC #BB849F #B37492 #AB6585 #A35578 #9C466C

#CBA3B9 - #9C466C

HSV Blend

#CBA3B9 - #9C466C | 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 #CBA3B9 as 0% and #9C466C as 100%.

0.0%	0.0% #CBA3B9	RGB 203 163 185	#CBA3B9
16.7%	16.7% #C391AB	RGB 195 145 171	#C391AB
33.3%	33.3% #BB809E	RGB 187 128 158	#BB809E
50.0%	50.0% #B37091	RGB 179 112 145	#B37091
66.7%	66.7% #AB6184	RGB 171 97 132	#AB6184
83.3%	83.3% #A35378	RGB 163 83 120	#A35378
100.0%	100.0% #9C466C	RGB 156 70 108	#9C466C

#CBA3B9 #C391AB #BB809E #B37091 #AB6184 #A35378 #9C466C

#CBA3B9 - #B37091 - #9C466C

CSS codes

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

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