#DFDCCF - #ACAD69 | 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 #DFDCCF to #ACAD69

#DFDCCF #ACAD69

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

#DFDCCF - #ACAD69 | 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 #DFDCCF as 0% and #ACAD69 as 100%.

0.0%	0.0% #DFDCCF	RGB 223 220 207	#DFDCCF
16.7%	16.7% #D6D4BE	RGB 214 212 190	#D6D4BE
33.3%	33.3% #CECCAD	RGB 206 204 173	#CECCAD
50.0%	50.0% #C5C49C	RGB 197 196 156	#C5C49C
66.7%	66.7% #BDBC8B	RGB 189 188 139	#BDBC8B
83.3%	83.3% #B4B47A	RGB 180 180 122	#B4B47A
100.0%	100.0% #ACAD69	RGB 172 173 105	#ACAD69

#DFDCCF #D6D4BE #CECCAD #C5C49C #BDBC8B #B4B47A #ACAD69

#DFDCCF - #ACAD69

HSV Blend

#DFDCCF - #ACAD69 | 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 #DFDCCF as 0% and #ACAD69 as 100%.

0.0%	0.0% #DFDCCF	RGB 223 220 207	#DFDCCF
16.7%	16.7% #D6D2BB	RGB 214 210 187	#D6D2BB
33.3%	33.3% #CEC9A9	RGB 206 201 169	#CEC9A9
50.0%	50.0% #C6C297	RGB 198 194 151	#C6C297
66.7%	66.7% #BDBA87	RGB 189 186 135	#BDBA87
83.3%	83.3% #B5B477	RGB 181 180 119	#B5B477
100.0%	100.0% #ACAD69	RGB 172 173 105	#ACAD69

#DFDCCF #D6D2BB #CEC9A9 #C6C297 #BDBA87 #B5B477 #ACAD69

#DFDCCF - #C6C297 - #ACAD69

CSS codes

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

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