#D9D9D5 - #AEA487 | 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 #D9D9D5 a #AEA487

#D9D9D5 #AEA487

Calcule el color entre dos colores, #D9D9D5 y #AEA487. 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)

#D9D9D5 - #AEA487 | 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 #D9D9D5 como 0% y #AEA487 como 100%.

0.0%	0.0% #D9D9D5	RGB 217 217 213	#D9D9D5
16.7%	16.7% #D1D0C8	RGB 209 208 200	#D1D0C8
33.3%	33.3% #CAC7BB	RGB 202 199 187	#CAC7BB
50.0%	50.0% #C3BEAE	RGB 195 190 174	#C3BEAE
66.7%	66.7% #BCB5A1	RGB 188 181 161	#BCB5A1
83.3%	83.3% #B5AC94	RGB 181 172 148	#B5AC94
100.0%	100.0% #AEA487	RGB 174 164 135	#AEA487

#D9D9D5 #D1D0C8 #CAC7BB #C3BEAE #BCB5A1 #B5AC94 #AEA487

#D9D9D5 - #AEA487

Mezcla HSV

#D9D9D5 - #AEA487 | 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 #D9D9D5 como 0% y #AEA487 como 100%.

0.0%	0.0% #D9D9D5	RGB 217 217 213	#D9D9D5
16.7%	16.7% #D1D1C6	RGB 209 209 198	#D1D1C6
33.3%	33.3% #CAC9B9	RGB 202 201 185	#CAC9B9
50.0%	50.0% #C3C0AB	RGB 195 192 171	#C3C0AB
66.7%	66.7% #BCB79F	RGB 188 183 159	#BCB79F
83.3%	83.3% #B5AD92	RGB 181 173 146	#B5AD92
100.0%	100.0% #AEA487	RGB 174 164 135	#AEA487

#D9D9D5 #D1D1C6 #CAC9B9 #C3C0AB #BCB79F #B5AD92 #AEA487

#D9D9D5 - #C3C0AB - #AEA487

Códigos CSS

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

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