#ADA99D - #E7E5E3 | 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 #ADA99D a #E7E5E3

#ADA99D #E7E5E3

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

#ADA99D - #E7E5E3 | 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 #ADA99D como 0% y #E7E5E3 como 100%.

0.0%	0.0% #ADA99D	RGB 173 169 157	#ADA99D
16.7%	16.7% #B6B3A8	RGB 182 179 168	#B6B3A8
33.3%	33.3% #C0BDB4	RGB 192 189 180	#C0BDB4
50.0%	50.0% #CAC7C0	RGB 202 199 192	#CAC7C0
66.7%	66.7% #D3D1CB	RGB 211 209 203	#D3D1CB
83.3%	83.3% #DDDBD7	RGB 221 219 215	#DDDBD7
100.0%	100.0% #E7E5E3	RGB 231 229 227	#E7E5E3

#ADA99D #B6B3A8 #C0BDB4 #CAC7C0 #D3D1CB #DDDBD7 #E7E5E3

#ADA99D - #E7E5E3

Mezcla HSV

#ADA99D - #E7E5E3 | 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 #ADA99D como 0% y #E7E5E3 como 100%.

0.0%	0.0% #ADA99D	RGB 173 169 157	#ADA99D
16.7%	16.7% #B6B2A8	RGB 182 178 168	#B6B2A8
33.3%	33.3% #C0BCB3	RGB 192 188 179	#C0BCB3
50.0%	50.0% #CAC5BE	RGB 202 197 190	#CAC5BE
66.7%	66.7% #D3CFCA	RGB 211 207 202	#D3CFCA
83.3%	83.3% #DDDAD6	RGB 221 218 214	#DDDAD6
100.0%	100.0% #E7E5E3	RGB 231 229 227	#E7E5E3

#ADA99D #B6B2A8 #C0BCB3 #CAC5BE #D3CFCA #DDDAD6 #E7E5E3

#ADA99D - #CAC5BE - #E7E5E3

Códigos CSS

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

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