#D4CEB0 - #AF975B | 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 #D4CEB0 to #AF975B

#D4CEB0 #AF975B

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

#D4CEB0 - #AF975B | 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 #D4CEB0 as 0% and #AF975B as 100%.

0.0%	0.0% #D4CEB0	RGB 212 206 176	#D4CEB0
16.7%	16.7% #CDC4A1	RGB 205 196 161	#CDC4A1
33.3%	33.3% #C7BB93	RGB 199 187 147	#C7BB93
50.0%	50.0% #C1B285	RGB 193 178 133	#C1B285
66.7%	66.7% #BBA977	RGB 187 169 119	#BBA977
83.3%	83.3% #B5A069	RGB 181 160 105	#B5A069
100.0%	100.0% #AF975B	RGB 175 151 91	#AF975B

#D4CEB0 #CDC4A1 #C7BB93 #C1B285 #BBA977 #B5A069 #AF975B

#D4CEB0 - #AF975B

HSV Blend

#D4CEB0 - #AF975B | 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 #D4CEB0 as 0% and #AF975B as 100%.

0.0%	0.0% #D4CEB0	RGB 212 206 176	#D4CEB0
16.7%	16.7% #CDC5A0	RGB 205 197 160	#CDC5A0
33.3%	33.3% #C7BC91	RGB 199 188 145	#C7BC91
50.0%	50.0% #C1B382	RGB 193 179 130	#C1B382
66.7%	66.7% #BBA974	RGB 187 169 116	#BBA974
83.3%	83.3% #B5A067	RGB 181 160 103	#B5A067
100.0%	100.0% #AF975B	RGB 175 151 91	#AF975B

#D4CEB0 #CDC5A0 #C7BC91 #C1B382 #BBA974 #B5A067 #AF975B

#D4CEB0 - #C1B382 - #AF975B

CSS codes

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

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