#DDDBCF - #A8AB68 | 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 #DDDBCF to #A8AB68

#DDDBCF #A8AB68

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

#DDDBCF - #A8AB68 | 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 #DDDBCF as 0% and #A8AB68 as 100%.

0.0%	0.0% #DDDBCF	RGB 221 219 207	#DDDBCF
16.7%	16.7% #D4D3BD	RGB 212 211 189	#D4D3BD
33.3%	33.3% #CBCBAC	RGB 203 203 172	#CBCBAC
50.0%	50.0% #C2C39B	RGB 194 195 155	#C2C39B
66.7%	66.7% #B9BB8A	RGB 185 187 138	#B9BB8A
83.3%	83.3% #B0B379	RGB 176 179 121	#B0B379
100.0%	100.0% #A8AB68	RGB 168 171 104	#A8AB68

#DDDBCF #D4D3BD #CBCBAC #C2C39B #B9BB8A #B0B379 #A8AB68

#DDDBCF - #A8AB68

HSV Blend

#DDDBCF - #A8AB68 | 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 #DDDBCF as 0% and #A8AB68 as 100%.

0.0%	0.0% #DDDBCF	RGB 221 219 207	#DDDBCF
16.7%	16.7% #D4D1BB	RGB 212 209 187	#D4D1BB
33.3%	33.3% #CCC9A9	RGB 204 201 169	#CCC9A9
50.0%	50.0% #C4C197	RGB 196 193 151	#C4C197
66.7%	66.7% #BBBA86	RGB 187 186 134	#BBBA86
83.3%	83.3% #B2B376	RGB 178 179 118	#B2B376
100.0%	100.0% #A8AB68	RGB 168 171 104	#A8AB68

#DDDBCF #D4D1BB #CCC9A9 #C4C197 #BBBA86 #B2B376 #A8AB68

#DDDBCF - #C4C197 - #A8AB68

CSS codes

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

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