#E6E8CD - #AEBC7B | 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 #E6E8CD a #AEBC7B

#E6E8CD #AEBC7B

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

#E6E8CD - #AEBC7B | 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 #E6E8CD como 0% y #AEBC7B como 100%.

0.0%	0.0% #E6E8CD	RGB 230 232 205	#E6E8CD
16.7%	16.7% #DCE0BF	RGB 220 224 191	#DCE0BF
33.3%	33.3% #D3D9B1	RGB 211 217 177	#D3D9B1
50.0%	50.0% #CAD2A4	RGB 202 210 164	#CAD2A4
66.7%	66.7% #C0CA96	RGB 192 202 150	#C0CA96
83.3%	83.3% #B7C388	RGB 183 195 136	#B7C388
100.0%	100.0% #AEBC7B	RGB 174 188 123	#AEBC7B

#E6E8CD #DCE0BF #D3D9B1 #CAD2A4 #C0CA96 #B7C388 #AEBC7B

#E6E8CD - #AEBC7B

Mezcla HSV

#E6E8CD - #AEBC7B | 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 #E6E8CD como 0% y #AEBC7B como 100%.

0.0%	0.0% #E6E8CD	RGB 230 232 205	#E6E8CD
16.7%	16.7% #DDE0BD	RGB 221 224 189	#DDE0BD
33.3%	33.3% #D4D9AF	RGB 212 217 175	#D4D9AF
50.0%	50.0% #CAD2A1	RGB 202 210 161	#CAD2A1
66.7%	66.7% #C1CA94	RGB 193 202 148	#C1CA94
83.3%	83.3% #B7C387	RGB 183 195 135	#B7C387
100.0%	100.0% #AEBC7B	RGB 174 188 123	#AEBC7B

#E6E8CD #DDE0BD #D4D9AF #CAD2A1 #C1CA94 #B7C387 #AEBC7B

#E6E8CD - #CAD2A1 - #AEBC7B

Códigos CSS

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

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