#E3E3E2 - #BAB198 | 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 #E3E3E2 a #BAB198

#E3E3E2 #BAB198

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

#E3E3E2 - #BAB198 | 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 #E3E3E2 como 0% y #BAB198 como 100%.

0.0%	0.0% #E3E3E2	RGB 227 227 226	#E3E3E2
16.7%	16.7% #DCDAD5	RGB 220 218 213	#DCDAD5
33.3%	33.3% #D5D2C9	RGB 213 210 201	#D5D2C9
50.0%	50.0% #CECABD	RGB 206 202 189	#CECABD
66.7%	66.7% #C7C1B0	RGB 199 193 176	#C7C1B0
83.3%	83.3% #C0B9A4	RGB 192 185 164	#C0B9A4
100.0%	100.0% #BAB198	RGB 186 177 152	#BAB198

#E3E3E2 #DCDAD5 #D5D2C9 #CECABD #C7C1B0 #C0B9A4 #BAB198

#E3E3E2 - #BAB198

Mezcla HSV

#E3E3E2 - #BAB198 | 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 #E3E3E2 como 0% y #BAB198 como 100%.

0.0%	0.0% #E3E3E2	RGB 227 227 226	#E3E3E2
16.7%	16.7% #DCDBD4	RGB 220 219 212	#DCDBD4
33.3%	33.3% #D5D4C7	RGB 213 212 199	#D5D4C7
50.0%	50.0% #CECBBB	RGB 206 203 187	#CECBBB
66.7%	66.7% #C7C3AF	RGB 199 195 175	#C7C3AF
83.3%	83.3% #C0BAA3	RGB 192 186 163	#C0BAA3
100.0%	100.0% #BAB198	RGB 186 177 152	#BAB198

#E3E3E2 #DCDBD4 #D5D4C7 #CECBBB #C7C3AF #C0BAA3 #BAB198

#E3E3E2 - #CECBBB - #BAB198

Códigos CSS

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

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