#DFDFBA - #B9B166 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #DFDFBA a #B9B166

#DFDFBA #B9B166

Calcule el color entre dos colores, #DFDFBA y #B9B166. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#DFDFBA - #B9B166 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #DFDFBA como 0% y #B9B166 como 100%.

0.0%	0.0% #DFDFBA	RGB 223 223 186	#DFDFBA
16.7%	16.7% #D8D7AC	RGB 216 215 172	#D8D7AC
33.3%	33.3% #D2CF9E	RGB 210 207 158	#D2CF9E
50.0%	50.0% #CCC890	RGB 204 200 144	#CCC890
66.7%	66.7% #C5C082	RGB 197 192 130	#C5C082
83.3%	83.3% #BFB874	RGB 191 184 116	#BFB874
100.0%	100.0% #B9B166	RGB 185 177 102	#B9B166

#DFDFBA #D8D7AC #D2CF9E #CCC890 #C5C082 #BFB874 #B9B166

#DFDFBA - #B9B166

Mezcla HSV

#DFDFBA - #B9B166 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #DFDFBA como 0% y #B9B166 como 100%.

0.0%	0.0% #DFDFBA	RGB 223 223 186	#DFDFBA
16.7%	16.7% #D8D7AA	RGB 216 215 170	#D8D7AA
33.3%	33.3% #D2D09B	RGB 210 208 155	#D2D09B
50.0%	50.0% #CCC88D	RGB 204 200 141	#CCC88D
66.7%	66.7% #C5C17F	RGB 197 193 127	#C5C17F
83.3%	83.3% #BFB972	RGB 191 185 114	#BFB972
100.0%	100.0% #B9B166	RGB 185 177 102	#B9B166

#DFDFBA #D8D7AA #D2D09B #CCC88D #C5C17F #BFB972 #B9B166

#DFDFBA - #CCC88D - #B9B166

Códigos CSS

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

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