#ADA3A8 - #E7E4E4 | 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 #ADA3A8 a #E7E4E4

#ADA3A8 #E7E4E4

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

#ADA3A8 - #E7E4E4 | 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 #ADA3A8 como 0% y #E7E4E4 como 100%.

0.0%	0.0% #ADA3A8	RGB 173 163 168	#ADA3A8
16.7%	16.7% #B6ADB2	RGB 182 173 178	#B6ADB2
33.3%	33.3% #C0B8BC	RGB 192 184 188	#C0B8BC
50.0%	50.0% #CAC3C6	RGB 202 195 198	#CAC3C6
66.7%	66.7% #D3CED0	RGB 211 206 208	#D3CED0
83.3%	83.3% #DDD9DA	RGB 221 217 218	#DDD9DA
100.0%	100.0% #E7E4E4	RGB 231 228 228	#E7E4E4

#ADA3A8 #B6ADB2 #C0B8BC #CAC3C6 #D3CED0 #DDD9DA #E7E4E4

#ADA3A8 - #E7E4E4

Mezcla HSV

#ADA3A8 - #E7E4E4 | 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 #ADA3A8 como 0% y #E7E4E4 como 100%.

0.0%	0.0% #ADA3A8	RGB 173 163 168	#ADA3A8
16.7%	16.7% #B6ADB1	RGB 182 173 177	#B6ADB1
33.3%	33.3% #C0B8BA	RGB 192 184 186	#C0B8BA
50.0%	50.0% #CAC2C4	RGB 202 194 196	#CAC2C4
66.7%	66.7% #D3CDCE	RGB 211 205 206	#D3CDCE
83.3%	83.3% #DDD8D9	RGB 221 216 217	#DDD8D9
100.0%	100.0% #E7E4E4	RGB 231 228 228	#E7E4E4

#ADA3A8 #B6ADB1 #C0B8BA #CAC2C4 #D3CDCE #DDD8D9 #E7E4E4

#ADA3A8 - #CAC2C4 - #E7E4E4

Códigos CSS

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

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