#CFBAA2 - #AF784D | 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 #CFBAA2 to #AF784D

#CFBAA2 #AF784D

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

#CFBAA2 - #AF784D | 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 #CFBAA2 as 0% and #AF784D as 100%.

0.0%	0.0% #CFBAA2	RGB 207 186 162	#CFBAA2
16.7%	16.7% #C9AF93	RGB 201 175 147	#C9AF93
33.3%	33.3% #C4A485	RGB 196 164 133	#C4A485
50.0%	50.0% #BF9977	RGB 191 153 119	#BF9977
66.7%	66.7% #B98E69	RGB 185 142 105	#B98E69
83.3%	83.3% #B4835B	RGB 180 131 91	#B4835B
100.0%	100.0% #AF784D	RGB 175 120 77	#AF784D

#CFBAA2 #C9AF93 #C4A485 #BF9977 #B98E69 #B4835B #AF784D

#CFBAA2 - #AF784D

HSV Blend

#CFBAA2 - #AF784D | 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 #CFBAA2 as 0% and #AF784D as 100%.

0.0%	0.0% #CFBAA2	RGB 207 186 162	#CFBAA2
16.7%	16.7% #C9AE92	RGB 201 174 146	#C9AE92
33.3%	33.3% #C4A383	RGB 196 163 131	#C4A383
50.0%	50.0% #BF9874	RGB 191 152 116	#BF9874
66.7%	66.7% #B98D66	RGB 185 141 102	#B98D66
83.3%	83.3% #B48259	RGB 180 130 89	#B48259
100.0%	100.0% #AF784D	RGB 175 120 77	#AF784D

#CFBAA2 #C9AE92 #C4A383 #BF9874 #B98D66 #B48259 #AF784D

#CFBAA2 - #BF9874 - #AF784D

CSS codes

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

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