#CAA4A0 - #B0574A | 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 #CAA4A0 to #B0574A

#CAA4A0 #B0574A

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

#CAA4A0 - #B0574A | 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 #CAA4A0 as 0% and #B0574A as 100%.

0.0%	0.0% #CAA4A0	RGB 202 164 160	#CAA4A0
16.7%	16.7% #C59791	RGB 197 151 145	#C59791
33.3%	33.3% #C18A83	RGB 193 138 131	#C18A83
50.0%	50.0% #BD7D75	RGB 189 125 117	#BD7D75
66.7%	66.7% #B87066	RGB 184 112 102	#B87066
83.3%	83.3% #B46358	RGB 180 99 88	#B46358
100.0%	100.0% #B0574A	RGB 176 87 74	#B0574A

#CAA4A0 #C59791 #C18A83 #BD7D75 #B87066 #B46358 #B0574A

#CAA4A0 - #B0574A

HSV Blend

#CAA4A0 - #B0574A | 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 #CAA4A0 as 0% and #B0574A as 100%.

0.0%	0.0% #CAA4A0	RGB 202 164 160	#CAA4A0
16.7%	16.7% #C59590	RGB 197 149 144	#C59590
33.3%	33.3% #C18781	RGB 193 135 129	#C18781
50.0%	50.0% #BD7A72	RGB 189 122 114	#BD7A72
66.7%	66.7% #B86E64	RGB 184 110 100	#B86E64
83.3%	83.3% #B46256	RGB 180 98 86	#B46256
100.0%	100.0% #B0574A	RGB 176 87 74	#B0574A

#CAA4A0 #C59590 #C18781 #BD7A72 #B86E64 #B46256 #B0574A

#CAA4A0 - #BD7A72 - #B0574A

CSS codes

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

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