#CAABA2 - #39302E | 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 #CAABA2 to #39302E

#CAABA2 #39302E

Calculate the color between two colors, #CAABA2 and #39302E. 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)

#CAABA2 - #39302E | 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 #CAABA2 as 0% and #39302E as 100%.

0.0%	0.0% #CAABA2	RGB 202 171 162	#CAABA2
16.7%	16.7% #B1968E	RGB 177 150 142	#B1968E
33.3%	33.3% #99827B	RGB 153 130 123	#99827B
50.0%	50.0% #816D68	RGB 129 109 104	#816D68
66.7%	66.7% #695954	RGB 105 89 84	#695954
83.3%	83.3% #514441	RGB 81 68 65	#514441
100.0%	100.0% #39302E	RGB 57 48 46	#39302E

#CAABA2 #B1968E #99827B #816D68 #695954 #514441 #39302E

#CAABA2 - #39302E

HSV Blend

#CAABA2 - #39302E | 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 #CAABA2 as 0% and #39302E as 100%.

0.0%	0.0% #CAABA2	RGB 202 171 162	#CAABA2
16.7%	16.7% #B1968E	RGB 177 150 142	#B1968E
33.3%	33.3% #99817B	RGB 153 129 123	#99817B
50.0%	50.0% #816D68	RGB 129 109 104	#816D68
66.7%	66.7% #695854	RGB 105 88 84	#695854
83.3%	83.3% #514441	RGB 81 68 65	#514441
100.0%	100.0% #39302E	RGB 57 48 46	#39302E

#CAABA2 #B1968E #99817B #816D68 #695854 #514441 #39302E

#CAABA2 - #816D68 - #39302E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CAABA2 0%, #816D68 50%, #39302E 100%);
    background: -webkit-linear-gradient(top, #CAABA2 0%, #816D68 50%, #39302E 100%);
    background: linear-gradient(to bottom, #CAABA2 0%, #816D68 50%, #39302E 100%);
}
</style>