#CBAB9F - #3A302D | 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 #CBAB9F to #3A302D

#CBAB9F #3A302D

Calculate the color between two colors, #CBAB9F and #3A302D. 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)

#CBAB9F - #3A302D | 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 #CBAB9F as 0% and #3A302D as 100%.

0.0%	0.0% #CBAB9F	RGB 203 171 159	#CBAB9F
16.7%	16.7% #B2968C	RGB 178 150 140	#B2968C
33.3%	33.3% #9A8279	RGB 154 130 121	#9A8279
50.0%	50.0% #826D66	RGB 130 109 102	#826D66
66.7%	66.7% #6A5953	RGB 106 89 83	#6A5953
83.3%	83.3% #524440	RGB 82 68 64	#524440
100.0%	100.0% #3A302D	RGB 58 48 45	#3A302D

#CBAB9F #B2968C #9A8279 #826D66 #6A5953 #524440 #3A302D

#CBAB9F - #3A302D

HSV Blend

#CBAB9F - #3A302D | 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 #CBAB9F as 0% and #3A302D as 100%.

0.0%	0.0% #CBAB9F	RGB 203 171 159	#CBAB9F
16.7%	16.7% #B2968B	RGB 178 150 139	#B2968B
33.3%	33.3% #9A8178	RGB 154 129 120	#9A8178
50.0%	50.0% #826C65	RGB 130 108 101	#826C65
66.7%	66.7% #6A5852	RGB 106 88 82	#6A5852
83.3%	83.3% #52443F	RGB 82 68 63	#52443F
100.0%	100.0% #3A302D	RGB 58 48 45	#3A302D

#CBAB9F #B2968B #9A8178 #826C65 #6A5852 #52443F #3A302D

#CBAB9F - #826C65 - #3A302D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBAB9F 0%, #826C65 50%, #3A302D 100%);
    background: -webkit-linear-gradient(top, #CBAB9F 0%, #826C65 50%, #3A302D 100%);
    background: linear-gradient(to bottom, #CBAB9F 0%, #826C65 50%, #3A302D 100%);
}
</style>