#CA9C9C - #B04D46 | 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 #CA9C9C to #B04D46

#CA9C9C #B04D46

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

#CA9C9C - #B04D46 | 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 #CA9C9C as 0% and #B04D46 as 100%.

0.0%	0.0% #CA9C9C	RGB 202 156 156	#CA9C9C
16.7%	16.7% #C58E8D	RGB 197 142 141	#C58E8D
33.3%	33.3% #C1817F	RGB 193 129 127	#C1817F
50.0%	50.0% #BD7471	RGB 189 116 113	#BD7471
66.7%	66.7% #B86762	RGB 184 103 98	#B86762
83.3%	83.3% #B45A54	RGB 180 90 84	#B45A54
100.0%	100.0% #B04D46	RGB 176 77 70	#B04D46

#CA9C9C #C58E8D #C1817F #BD7471 #B86762 #B45A54 #B04D46

#CA9C9C - #B04D46

HSV Blend

#CA9C9C - #B04D46 | 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 #CA9C9C as 0% and #B04D46 as 100%.

0.0%	0.0% #CA9C9C	RGB 202 156 156	#CA9C9C
16.7%	16.7% #C58C8C	RGB 197 140 140	#C58C8C
33.3%	33.3% #C17E7D	RGB 193 126 125	#C17E7D
50.0%	50.0% #BD716E	RGB 189 113 110	#BD716E
66.7%	66.7% #B86460	RGB 184 100 96	#B86460
83.3%	83.3% #B45852	RGB 180 88 82	#B45852
100.0%	100.0% #B04D46	RGB 176 77 70	#B04D46

#CA9C9C #C58C8C #C17E7D #BD716E #B86460 #B45852 #B04D46

#CA9C9C - #BD716E - #B04D46

CSS codes

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

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