#E5E5E3 - #BDB499 | 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 #BDB499

#E5E5E3 #BDB499

Calcule el color entre dos colores, #E5E5E3 y #BDB499. 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 - #BDB499 | 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 #BDB499 como 100%.

0.0%	0.0% #E5E5E3	RGB 229 229 227	#E5E5E3
16.7%	16.7% #DEDCD6	RGB 222 220 214	#DEDCD6
33.3%	33.3% #D7D4CA	RGB 215 212 202	#D7D4CA
50.0%	50.0% #D1CCBE	RGB 209 204 190	#D1CCBE
66.7%	66.7% #CAC4B1	RGB 202 196 177	#CAC4B1
83.3%	83.3% #C3BCA5	RGB 195 188 165	#C3BCA5
100.0%	100.0% #BDB499	RGB 189 180 153	#BDB499

#E5E5E3 #DEDCD6 #D7D4CA #D1CCBE #CAC4B1 #C3BCA5 #BDB499

#E5E5E3 - #BDB499

Mezcla HSV

#E5E5E3 - #BDB499 | 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 #BDB499 como 100%.

0.0%	0.0% #E5E5E3	RGB 229 229 227	#E5E5E3
16.7%	16.7% #DEDDD5	RGB 222 221 213	#DEDDD5
33.3%	33.3% #D7D6C8	RGB 215 214 200	#D7D6C8
50.0%	50.0% #D1CEBC	RGB 209 206 188	#D1CEBC
66.7%	66.7% #CAC5B0	RGB 202 197 176	#CAC5B0
83.3%	83.3% #C3BDA4	RGB 195 189 164	#C3BDA4
100.0%	100.0% #BDB499	RGB 189 180 153	#BDB499

#E5E5E3 #DEDDD5 #D7D6C8 #D1CEBC #CAC5B0 #C3BDA4 #BDB499

#E5E5E3 - #D1CEBC - #BDB499

Códigos CSS

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

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