#CA9C8C - #AB5338 | 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 #CA9C8C to #AB5338

#CA9C8C #AB5338

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

#CA9C8C - #AB5338 | 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 #CA9C8C as 0% and #AB5338 as 100%.

0.0%	0.0% #CA9C8C	RGB 202 156 140	#CA9C8C
16.7%	16.7% #C48F7E	RGB 196 143 126	#C48F7E
33.3%	33.3% #BF8370	RGB 191 131 112	#BF8370
50.0%	50.0% #BA7762	RGB 186 119 98	#BA7762
66.7%	66.7% #B56B54	RGB 181 107 84	#B56B54
83.3%	83.3% #B05F46	RGB 176 95 70	#B05F46
100.0%	100.0% #AB5338	RGB 171 83 56	#AB5338

#CA9C8C #C48F7E #BF8370 #BA7762 #B56B54 #B05F46 #AB5338

#CA9C8C - #AB5338

HSV Blend

#CA9C8C - #AB5338 | 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 #CA9C8C as 0% and #AB5338 as 100%.

0.0%	0.0% #CA9C8C	RGB 202 156 140	#CA9C8C
16.7%	16.7% #C48E7C	RGB 196 142 124	#C48E7C
33.3%	33.3% #BF826D	RGB 191 130 109	#BF826D
50.0%	50.0% #BA755F	RGB 186 117 95	#BA755F
66.7%	66.7% #B56951	RGB 181 105 81	#B56951
83.3%	83.3% #B05E44	RGB 176 94 68	#B05E44
100.0%	100.0% #AB5338	RGB 171 83 56	#AB5338

#CA9C8C #C48E7C #BF826D #BA755F #B56951 #B05E44 #AB5338

#CA9C8C - #BA755F - #AB5338

CSS codes

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

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