#E3E5E2 - #AEBD98 | 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 #E3E5E2 a #AEBD98

#E3E5E2 #AEBD98

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

#E3E5E2 - #AEBD98 | 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 #E3E5E2 como 0% y #AEBD98 como 100%.

0.0%	0.0% #E3E5E2	RGB 227 229 226	#E3E5E2
16.7%	16.7% #DADED5	RGB 218 222 213	#DADED5
33.3%	33.3% #D1D7C9	RGB 209 215 201	#D1D7C9
50.0%	50.0% #C8D1BD	RGB 200 209 189	#C8D1BD
66.7%	66.7% #BFCAB0	RGB 191 202 176	#BFCAB0
83.3%	83.3% #B6C3A4	RGB 182 195 164	#B6C3A4
100.0%	100.0% #AEBD98	RGB 174 189 152	#AEBD98

#E3E5E2 #DADED5 #D1D7C9 #C8D1BD #BFCAB0 #B6C3A4 #AEBD98

#E3E5E2 - #AEBD98

Mezcla HSV

#E3E5E2 - #AEBD98 | 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 #E3E5E2 como 0% y #AEBD98 como 100%.

0.0%	0.0% #E3E5E2	RGB 227 229 226	#E3E5E2
16.7%	16.7% #D8DED4	RGB 216 222 212	#D8DED4
33.3%	33.3% #CED7C7	RGB 206 215 199	#CED7C7
50.0%	50.0% #C5D1BB	RGB 197 209 187	#C5D1BB
66.7%	66.7% #BCCAAF	RGB 188 202 175	#BCCAAF
83.3%	83.3% #B5C3A3	RGB 181 195 163	#B5C3A3
100.0%	100.0% #AEBD98	RGB 174 189 152	#AEBD98

#E3E5E2 #D8DED4 #CED7C7 #C5D1BB #BCCAAF #B5C3A3 #AEBD98

#E3E5E2 - #C5D1BB - #AEBD98

Códigos CSS

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

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