#CDBBA2 - #B0844D | 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 #CDBBA2 to #B0844D

#CDBBA2 #B0844D

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

#CDBBA2 - #B0844D | 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 #CDBBA2 as 0% and #B0844D as 100%.

0.0%	0.0% #CDBBA2	RGB 205 187 162	#CDBBA2
16.7%	16.7% #C8B193	RGB 200 177 147	#C8B193
33.3%	33.3% #C3A885	RGB 195 168 133	#C3A885
50.0%	50.0% #BE9F77	RGB 190 159 119	#BE9F77
66.7%	66.7% #B99669	RGB 185 150 105	#B99669
83.3%	83.3% #B48D5B	RGB 180 141 91	#B48D5B
100.0%	100.0% #B0844D	RGB 176 132 77	#B0844D

#CDBBA2 #C8B193 #C3A885 #BE9F77 #B99669 #B48D5B #B0844D

#CDBBA2 - #B0844D

HSV Blend

#CDBBA2 - #B0844D | 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 #CDBBA2 as 0% and #B0844D as 100%.

0.0%	0.0% #CDBBA2	RGB 205 187 162	#CDBBA2
16.7%	16.7% #C8B192	RGB 200 177 146	#C8B192
33.3%	33.3% #C3A883	RGB 195 168 131	#C3A883
50.0%	50.0% #BE9E74	RGB 190 158 116	#BE9E74
66.7%	66.7% #B99567	RGB 185 149 103	#B99567
83.3%	83.3% #B48C59	RGB 180 140 89	#B48C59
100.0%	100.0% #B0844D	RGB 176 132 77	#B0844D

#CDBBA2 #C8B192 #C3A883 #BE9E74 #B99567 #B48C59 #B0844D

#CDBBA2 - #BE9E74 - #B0844D

CSS codes

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

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