#CAA9BE - #8F4D5E | 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 #CAA9BE to #8F4D5E

#CAA9BE #8F4D5E

Calculate the color between two colors, #CAA9BE and #8F4D5E. 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)

#CAA9BE - #8F4D5E | 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 #CAA9BE as 0% and #8F4D5E as 100%.

0.0%	0.0% #CAA9BE	RGB 202 169 190	#CAA9BE
16.7%	16.7% #C099AE	RGB 192 153 174	#C099AE
33.3%	33.3% #B68A9E	RGB 182 138 158	#B68A9E
50.0%	50.0% #AC7B8E	RGB 172 123 142	#AC7B8E
66.7%	66.7% #A26B7E	RGB 162 107 126	#A26B7E
83.3%	83.3% #985C6E	RGB 152 92 110	#985C6E
100.0%	100.0% #8F4D5E	RGB 143 77 94	#8F4D5E

#CAA9BE #C099AE #B68A9E #AC7B8E #A26B7E #985C6E #8F4D5E

#CAA9BE - #8F4D5E

HSV Blend

#CAA9BE - #8F4D5E | 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 #CAA9BE as 0% and #8F4D5E as 100%.

0.0%	0.0% #CAA9BE	RGB 202 169 190	#CAA9BE
16.7%	16.7% #C097AE	RGB 192 151 174	#C097AE
33.3%	33.3% #B6869E	RGB 182 134 158	#B6869E
50.0%	50.0% #AC768E	RGB 172 118 142	#AC768E
66.7%	66.7% #A2677E	RGB 162 103 126	#A2677E
83.3%	83.3% #98596E	RGB 152 89 110	#98596E
100.0%	100.0% #8F4D5E	RGB 143 77 94	#8F4D5E

#CAA9BE #C097AE #B6869E #AC768E #A2677E #98596E #8F4D5E

#CAA9BE - #AC768E - #8F4D5E

CSS codes

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

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