#E6FFC0 - #ABDB5E | 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 #E6FFC0 a #ABDB5E

#E6FFC0 #ABDB5E

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

#E6FFC0 - #ABDB5E | 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 #E6FFC0 como 0% y #ABDB5E como 100%.

0.0%	0.0% #E6FFC0	RGB 230 255 192	#E6FFC0
16.7%	16.7% #DCF9AF	RGB 220 249 175	#DCF9AF
33.3%	33.3% #D2F39F	RGB 210 243 159	#D2F39F
50.0%	50.0% #C8ED8F	RGB 200 237 143	#C8ED8F
66.7%	66.7% #BEE77E	RGB 190 231 126	#BEE77E
83.3%	83.3% #B4E16E	RGB 180 225 110	#B4E16E
100.0%	100.0% #ABDB5E	RGB 171 219 94	#ABDB5E

#E6FFC0 #DCF9AF #D2F39F #C8ED8F #BEE77E #B4E16E #ABDB5E

#E6FFC0 - #ABDB5E

Mezcla HSV

#E6FFC0 - #ABDB5E | 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 #E6FFC0 como 0% y #ABDB5E como 100%.

0.0%	0.0% #E6FFC0	RGB 230 255 192	#E6FFC0
16.7%	16.7% #DBF9AE	RGB 219 249 174	#DBF9AE
33.3%	33.3% #D1F39C	RGB 209 243 156	#D1F39C
50.0%	50.0% #C7ED8C	RGB 199 237 140	#C7ED8C
66.7%	66.7% #BDE77C	RGB 189 231 124	#BDE77C
83.3%	83.3% #B4E16C	RGB 180 225 108	#B4E16C
100.0%	100.0% #ABDB5E	RGB 171 219 94	#ABDB5E

#E6FFC0 #DBF9AE #D1F39C #C7ED8C #BDE77C #B4E16C #ABDB5E

#E6FFC0 - #C7ED8C - #ABDB5E

Códigos CSS

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

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