#E5EEC2 - #ABCA6D | 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 #E5EEC2 a #ABCA6D

#E5EEC2 #ABCA6D

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

#E5EEC2 - #ABCA6D | 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 #E5EEC2 como 0% y #ABCA6D como 100%.

0.0%	0.0% #E5EEC2	RGB 229 238 194	#E5EEC2
16.7%	16.7% #DBE8B3	RGB 219 232 179	#DBE8B3
33.3%	33.3% #D1E2A5	RGB 209 226 165	#D1E2A5
50.0%	50.0% #C8DC97	RGB 200 220 151	#C8DC97
66.7%	66.7% #BED689	RGB 190 214 137	#BED689
83.3%	83.3% #B4D07B	RGB 180 208 123	#B4D07B
100.0%	100.0% #ABCA6D	RGB 171 202 109	#ABCA6D

#E5EEC2 #DBE8B3 #D1E2A5 #C8DC97 #BED689 #B4D07B #ABCA6D

#E5EEC2 - #ABCA6D

Mezcla HSV

#E5EEC2 - #ABCA6D | 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 #E5EEC2 como 0% y #ABCA6D como 100%.

0.0%	0.0% #E5EEC2	RGB 229 238 194	#E5EEC2
16.7%	16.7% #DBE8B2	RGB 219 232 178	#DBE8B2
33.3%	33.3% #D2E2A3	RGB 210 226 163	#D2E2A3
50.0%	50.0% #C8DC95	RGB 200 220 149	#C8DC95
66.7%	66.7% #BFD687	RGB 191 214 135	#BFD687
83.3%	83.3% #B5D079	RGB 181 208 121	#B5D079
100.0%	100.0% #ABCA6D	RGB 171 202 109	#ABCA6D

#E5EEC2 #DBE8B2 #D2E2A3 #C8DC95 #BFD687 #B5D079 #ABCA6D

#E5EEC2 - #C8DC95 - #ABCA6D

Códigos CSS

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

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