#E5E3E3 - #BA989E | 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 #E5E3E3 a #BA989E

#E5E3E3 #BA989E

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

#E5E3E3 - #BA989E | 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 #E5E3E3 como 0% y #BA989E como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DDD6D7	RGB 221 214 215	#DDD6D7
33.3%	33.3% #D6CACC	RGB 214 202 204	#D6CACC
50.0%	50.0% #CFBDC0	RGB 207 189 192	#CFBDC0
66.7%	66.7% #C8B1B5	RGB 200 177 181	#C8B1B5
83.3%	83.3% #C1A4A9	RGB 193 164 169	#C1A4A9
100.0%	100.0% #BA989E	RGB 186 152 158	#BA989E

#E5E3E3 #DDD6D7 #D6CACC #CFBDC0 #C8B1B5 #C1A4A9 #BA989E

#E5E3E3 - #BA989E

Mezcla HSV

#E5E3E3 - #BA989E | 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 #E5E3E3 como 0% y #BA989E como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #DDD5D5	RGB 221 213 213	#DDD5D5
33.3%	33.3% #D6C8C9	RGB 214 200 201	#D6C8C9
50.0%	50.0% #CFBBBD	RGB 207 187 189	#CFBBBD
66.7%	66.7% #C8AFB2	RGB 200 175 178	#C8AFB2
83.3%	83.3% #C1A3A7	RGB 193 163 167	#C1A3A7
100.0%	100.0% #BA989E	RGB 186 152 158	#BA989E

#E5E3E3 #DDD5D5 #D6C8C9 #CFBBBD #C8AFB2 #C1A3A7 #BA989E

#E5E3E3 - #CFBBBD - #BA989E

Códigos CSS

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

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