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

#E5E5E3 #BAB198

Calcule el color entre dos colores, #E5E5E3 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)

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

0.0%	0.0% #E5E5E3	RGB 229 229 227	#E5E5E3
16.7%	16.7% #DDDCD6	RGB 221 220 214	#DDDCD6
33.3%	33.3% #D6D3CA	RGB 214 211 202	#D6D3CA
50.0%	50.0% #CFCBBD	RGB 207 203 189	#CFCBBD
66.7%	66.7% #C8C2B1	RGB 200 194 177	#C8C2B1
83.3%	83.3% #C1B9A4	RGB 193 185 164	#C1B9A4
100.0%	100.0% #BAB198	RGB 186 177 152	#BAB198

#E5E5E3 #DDDCD6 #D6D3CA #CFCBBD #C8C2B1 #C1B9A4 #BAB198

#E5E5E3 - #BAB198

Mezcla HSV

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

0.0%	0.0% #E5E5E3	RGB 229 229 227	#E5E5E3
16.7%	16.7% #DDDDD5	RGB 221 221 213	#DDDDD5
33.3%	33.3% #D6D5C8	RGB 214 213 200	#D6D5C8
50.0%	50.0% #CFCCBB	RGB 207 204 187	#CFCCBB
66.7%	66.7% #C8C3AF	RGB 200 195 175	#C8C3AF
83.3%	83.3% #C1BAA3	RGB 193 186 163	#C1BAA3
100.0%	100.0% #BAB198	RGB 186 177 152	#BAB198

#E5E5E3 #DDDDD5 #D6D5C8 #CFCCBB #C8C3AF #C1BAA3 #BAB198

#E5E5E3 - #CFCCBB - #BAB198

Códigos CSS

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

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