#E3E3E1 - #BAB296 | 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 #E3E3E1 a #BAB296

#E3E3E1 #BAB296

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

#E3E3E1 - #BAB296 | 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 #E3E3E1 como 0% y #BAB296 como 100%.

0.0%	0.0% #E3E3E1	RGB 227 227 225	#E3E3E1
16.7%	16.7% #DCDAD4	RGB 220 218 212	#DCDAD4
33.3%	33.3% #D5D2C8	RGB 213 210 200	#D5D2C8
50.0%	50.0% #CECABB	RGB 206 202 187	#CECABB
66.7%	66.7% #C7C2AF	RGB 199 194 175	#C7C2AF
83.3%	83.3% #C0BAA2	RGB 192 186 162	#C0BAA2
100.0%	100.0% #BAB296	RGB 186 178 150	#BAB296

#E3E3E1 #DCDAD4 #D5D2C8 #CECABB #C7C2AF #C0BAA2 #BAB296

#E3E3E1 - #BAB296

Mezcla HSV

#E3E3E1 - #BAB296 | 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 #E3E3E1 como 0% y #BAB296 como 100%.

0.0%	0.0% #E3E3E1	RGB 227 227 225	#E3E3E1
16.7%	16.7% #DCDBD3	RGB 220 219 211	#DCDBD3
33.3%	33.3% #D5D4C6	RGB 213 212 198	#D5D4C6
50.0%	50.0% #CECCB9	RGB 206 204 185	#CECCB9
66.7%	66.7% #C7C3AD	RGB 199 195 173	#C7C3AD
83.3%	83.3% #C0BBA1	RGB 192 187 161	#C0BBA1
100.0%	100.0% #BAB296	RGB 186 178 150	#BAB296

#E3E3E1 #DCDBD3 #D5D4C6 #CECCB9 #C7C3AD #C0BBA1 #BAB296

#E3E3E1 - #CECCB9 - #BAB296

Códigos CSS

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

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