#E5EBD2 - #A8C381 | 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 #E5EBD2 a #A8C381

#E5EBD2 #A8C381

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

#E5EBD2 - #A8C381 | 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 #E5EBD2 como 0% y #A8C381 como 100%.

0.0%	0.0% #E5EBD2	RGB 229 235 210	#E5EBD2
16.7%	16.7% #DAE4C4	RGB 218 228 196	#DAE4C4
33.3%	33.3% #D0DDB7	RGB 208 221 183	#D0DDB7
50.0%	50.0% #C6D7A9	RGB 198 215 169	#C6D7A9
66.7%	66.7% #BCD09C	RGB 188 208 156	#BCD09C
83.3%	83.3% #B2C98E	RGB 178 201 142	#B2C98E
100.0%	100.0% #A8C381	RGB 168 195 129	#A8C381

#E5EBD2 #DAE4C4 #D0DDB7 #C6D7A9 #BCD09C #B2C98E #A8C381

#E5EBD2 - #A8C381

Mezcla HSV

#E5EBD2 - #A8C381 | 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 #E5EBD2 como 0% y #A8C381 como 100%.

0.0%	0.0% #E5EBD2	RGB 229 235 210	#E5EBD2
16.7%	16.7% #DBE4C3	RGB 219 228 195	#DBE4C3
33.3%	33.3% #D1DDB4	RGB 209 221 180	#D1DDB4
50.0%	50.0% #C7D7A7	RGB 199 215 167	#C7D7A7
66.7%	66.7% #BDD099	RGB 189 208 153	#BDD099
83.3%	83.3% #B2C98D	RGB 178 201 141	#B2C98D
100.0%	100.0% #A8C381	RGB 168 195 129	#A8C381

#E5EBD2 #DBE4C3 #D1DDB4 #C7D7A7 #BDD099 #B2C98D #A8C381

#E5EBD2 - #C7D7A7 - #A8C381

Códigos CSS

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

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