#E5EBD3 - #A8C382 | 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 #E5EBD3 a #A8C382

#E5EBD3 #A8C382

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

#E5EBD3 - #A8C382 | 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 #E5EBD3 como 0% y #A8C382 como 100%.

0.0%	0.0% #E5EBD3	RGB 229 235 211	#E5EBD3
16.7%	16.7% #DAE4C5	RGB 218 228 197	#DAE4C5
33.3%	33.3% #D0DDB8	RGB 208 221 184	#D0DDB8
50.0%	50.0% #C6D7AA	RGB 198 215 170	#C6D7AA
66.7%	66.7% #BCD09D	RGB 188 208 157	#BCD09D
83.3%	83.3% #B2C98F	RGB 178 201 143	#B2C98F
100.0%	100.0% #A8C382	RGB 168 195 130	#A8C382

#E5EBD3 #DAE4C5 #D0DDB8 #C6D7AA #BCD09D #B2C98F #A8C382

#E5EBD3 - #A8C382

Mezcla HSV

#E5EBD3 - #A8C382 | 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 #E5EBD3 como 0% y #A8C382 como 100%.

0.0%	0.0% #E5EBD3	RGB 229 235 211	#E5EBD3
16.7%	16.7% #DBE4C4	RGB 219 228 196	#DBE4C4
33.3%	33.3% #D1DDB5	RGB 209 221 181	#D1DDB5
50.0%	50.0% #C7D7A8	RGB 199 215 168	#C7D7A8
66.7%	66.7% #BDD09A	RGB 189 208 154	#BDD09A
83.3%	83.3% #B2C98E	RGB 178 201 142	#B2C98E
100.0%	100.0% #A8C382	RGB 168 195 130	#A8C382

#E5EBD3 #DBE4C4 #D1DDB5 #C7D7A8 #BDD09A #B2C98E #A8C382

#E5EBD3 - #C7D7A8 - #A8C382

Códigos CSS

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

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