#CA9C9C - #392C2C | 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 #392C2C

#CA9C9C #392C2C

Calculate the color between two colors, #CA9C9C and #392C2C. 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 - #392C2C | 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 #392C2C as 100%.

0.0%	0.0% #CA9C9C	RGB 202 156 156	#CA9C9C
16.7%	16.7% #B18989	RGB 177 137 137	#B18989
33.3%	33.3% #997676	RGB 153 118 118	#997676
50.0%	50.0% #816464	RGB 129 100 100	#816464
66.7%	66.7% #695151	RGB 105 81 81	#695151
83.3%	83.3% #513E3E	RGB 81 62 62	#513E3E
100.0%	100.0% #392C2C	RGB 57 44 44	#392C2C

#CA9C9C #B18989 #997676 #816464 #695151 #513E3E #392C2C

#CA9C9C - #392C2C

HSV Blend

#CA9C9C - #392C2C | 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 #392C2C as 100%.

0.0%	0.0% #CA9C9C	RGB 202 156 156	#CA9C9C
16.7%	16.7% #B18989	RGB 177 137 137	#B18989
33.3%	33.3% #997676	RGB 153 118 118	#997676
50.0%	50.0% #816363	RGB 129 99 99	#816363
66.7%	66.7% #695151	RGB 105 81 81	#695151
83.3%	83.3% #513E3E	RGB 81 62 62	#513E3E
100.0%	100.0% #392C2C	RGB 57 44 44	#392C2C

#CA9C9C #B18989 #997676 #816363 #695151 #513E3E #392C2C

#CA9C9C - #816363 - #392C2C

CSS codes

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

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