#E5E4E3 - #B6B17E | 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 #E5E4E3 a #B6B17E

#E5E4E3 #B6B17E

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

#E5E4E3 - #B6B17E | 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 #E5E4E3 como 0% y #B6B17E como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #DDDBD2	RGB 221 219 210	#DDDBD2
33.3%	33.3% #D5D3C1	RGB 213 211 193	#D5D3C1
50.0%	50.0% #CDCAB0	RGB 205 202 176	#CDCAB0
66.7%	66.7% #C5C29F	RGB 197 194 159	#C5C29F
83.3%	83.3% #BDB98E	RGB 189 185 142	#BDB98E
100.0%	100.0% #B6B17E	RGB 182 177 126	#B6B17E

#E5E4E3 #DDDBD2 #D5D3C1 #CDCAB0 #C5C29F #BDB98E #B6B17E

#E5E4E3 - #B6B17E

Mezcla HSV

#E5E4E3 - #B6B17E | 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 #E5E4E3 como 0% y #B6B17E como 100%.

0.0%	0.0% #E5E4E3	RGB 229 228 227	#E5E4E3
16.7%	16.7% #DDD7D0	RGB 221 215 208	#DDD7D0
33.3%	33.3% #D5CCBE	RGB 213 204 190	#D5CCBE
50.0%	50.0% #CDC3AC	RGB 205 195 172	#CDC3AC
66.7%	66.7% #C5BC9C	RGB 197 188 156	#C5BC9C
83.3%	83.3% #BDB68C	RGB 189 182 140	#BDB68C
100.0%	100.0% #B6B17E	RGB 182 177 126	#B6B17E

#E5E4E3 #DDD7D0 #D5CCBE #CDC3AC #C5BC9C #BDB68C #B6B17E

#E5E4E3 - #CDC3AC - #B6B17E

Códigos CSS

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

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