#CBA9C2 - #A04876 | 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 #CBA9C2 to #A04876

#CBA9C2 #A04876

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

#CBA9C2 - #A04876 | 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 #CBA9C2 as 0% and #A04876 as 100%.

0.0%	0.0% #CBA9C2	RGB 203 169 194	#CBA9C2
16.7%	16.7% #C398B5	RGB 195 152 181	#C398B5
33.3%	33.3% #BC88A8	RGB 188 136 168	#BC88A8
50.0%	50.0% #B5789C	RGB 181 120 156	#B5789C
66.7%	66.7% #AE688F	RGB 174 104 143	#AE688F
83.3%	83.3% #A75882	RGB 167 88 130	#A75882
100.0%	100.0% #A04876	RGB 160 72 118	#A04876

#CBA9C2 #C398B5 #BC88A8 #B5789C #AE688F #A75882 #A04876

#CBA9C2 - #A04876

HSV Blend

#CBA9C2 - #A04876 | 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 #CBA9C2 as 0% and #A04876 as 100%.

0.0%	0.0% #CBA9C2	RGB 203 169 194	#CBA9C2
16.7%	16.7% #C396B6	RGB 195 150 182	#C396B6
33.3%	33.3% #BC85A9	RGB 188 133 169	#BC85A9
50.0%	50.0% #B5749D	RGB 181 116 157	#B5749D
66.7%	66.7% #AE6490	RGB 174 100 144	#AE6490
83.3%	83.3% #A75583	RGB 167 85 131	#A75583
100.0%	100.0% #A04876	RGB 160 72 118	#A04876

#CBA9C2 #C396B6 #BC85A9 #B5749D #AE6490 #A75583 #A04876

#CBA9C2 - #B5749D - #A04876

CSS codes

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

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