#E5E7E3 - #BABF99 | 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 #E5E7E3 a #BABF99

#E5E7E3 #BABF99

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

#E5E7E3 - #BABF99 | 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 #E5E7E3 como 0% y #BABF99 como 100%.

0.0%	0.0% #E5E7E3	RGB 229 231 227	#E5E7E3
16.7%	16.7% #DDE0D6	RGB 221 224 214	#DDE0D6
33.3%	33.3% #D6D9CA	RGB 214 217 202	#D6D9CA
50.0%	50.0% #CFD3BE	RGB 207 211 190	#CFD3BE
66.7%	66.7% #C8CCB1	RGB 200 204 177	#C8CCB1
83.3%	83.3% #C1C5A5	RGB 193 197 165	#C1C5A5
100.0%	100.0% #BABF99	RGB 186 191 153	#BABF99

#E5E7E3 #DDE0D6 #D6D9CA #CFD3BE #C8CCB1 #C1C5A5 #BABF99

#E5E7E3 - #BABF99

Mezcla HSV

#E5E7E3 - #BABF99 | 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 #E5E7E3 como 0% y #BABF99 como 100%.

0.0%	0.0% #E5E7E3	RGB 229 231 227	#E5E7E3
16.7%	16.7% #DBE0D5	RGB 219 224 213	#DBE0D5
33.3%	33.3% #D3D9C8	RGB 211 217 200	#D3D9C8
50.0%	50.0% #CBD3BC	RGB 203 211 188	#CBD3BC
66.7%	66.7% #C5CCB0	RGB 197 204 176	#C5CCB0
83.3%	83.3% #BFC5A4	RGB 191 197 164	#BFC5A4
100.0%	100.0% #BABF99	RGB 186 191 153	#BABF99

#E5E7E3 #DBE0D5 #D3D9C8 #CBD3BC #C5CCB0 #BFC5A4 #BABF99

#E5E7E3 - #CBD3BC - #BABF99

Códigos CSS

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

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