#CACC8B - #DFB9CE | 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 #CACC8B to #DFB9CE

#CACC8B #DFB9CE

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

#CACC8B - #DFB9CE | 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 #CACC8B as 0% and #DFB9CE as 100%.

0.0%	0.0% #CACC8B	RGB 202 204 139	#CACC8B
16.7%	16.7% #CDC896	RGB 205 200 150	#CDC896
33.3%	33.3% #D1C5A1	RGB 209 197 161	#D1C5A1
50.0%	50.0% #D4C2AC	RGB 212 194 172	#D4C2AC
66.7%	66.7% #D8BFB7	RGB 216 191 183	#D8BFB7
83.3%	83.3% #DBBCC2	RGB 219 188 194	#DBBCC2
100.0%	100.0% #DFB9CE	RGB 223 185 206	#DFB9CE

#CACC8B #CDC896 #D1C5A1 #D4C2AC #D8BFB7 #DBBCC2 #DFB9CE

#CACC8B - #DFB9CE

HSV Blend

#CACC8B - #DFB9CE | 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 #CACC8B as 0% and #DFB9CE as 100%.

0.0%	0.0% #CACC8B	RGB 202 204 139	#CACC8B
16.7%	16.7% #CFC092	RGB 207 192 146	#CFC092
33.3%	33.3% #D2B699	RGB 210 182 153	#D2B699
50.0%	50.0% #D5ADA1	RGB 213 173 161	#D5ADA1
66.7%	66.7% #D8A9AA	RGB 216 169 170	#D8A9AA
83.3%	83.3% #DBB0BD	RGB 219 176 189	#DBB0BD
100.0%	100.0% #DFB9CE	RGB 223 185 206	#DFB9CE

#CACC8B #CFC092 #D2B699 #D5ADA1 #D8A9AA #DBB0BD #DFB9CE

#CACC8B - #D5ADA1 - #DFB9CE

CSS codes

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

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