#A8F9A8 - #E6FDE6 | 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 #A8F9A8 a #E6FDE6

#A8F9A8 #E6FDE6

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

#A8F9A8 - #E6FDE6 | 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 #A8F9A8 como 0% y #E6FDE6 como 100%.

0.0%	0.0% #A8F9A8	RGB 168 249 168	#A8F9A8
16.7%	16.7% #B2F9B2	RGB 178 249 178	#B2F9B2
33.3%	33.3% #BCFABC	RGB 188 250 188	#BCFABC
50.0%	50.0% #C7FBC7	RGB 199 251 199	#C7FBC7
66.7%	66.7% #D1FBD1	RGB 209 251 209	#D1FBD1
83.3%	83.3% #DBFCDB	RGB 219 252 219	#DBFCDB
100.0%	100.0% #E6FDE6	RGB 230 253 230	#E6FDE6

#A8F9A8 #B2F9B2 #BCFABC #C7FBC7 #D1FBD1 #DBFCDB #E6FDE6

#A8F9A8 - #E6FDE6

Mezcla HSV

#A8F9A8 - #E6FDE6 | 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 #A8F9A8 como 0% y #E6FDE6 como 100%.

0.0%	0.0% #A8F9A8	RGB 168 249 168	#A8F9A8
16.7%	16.7% #B2F9B2	RGB 178 249 178	#B2F9B2
33.3%	33.3% #BCFABC	RGB 188 250 188	#BCFABC
50.0%	50.0% #C6FBC6	RGB 198 251 198	#C6FBC6
66.7%	66.7% #D1FBD1	RGB 209 251 209	#D1FBD1
83.3%	83.3% #DBFCDB	RGB 219 252 219	#DBFCDB
100.0%	100.0% #E6FDE6	RGB 230 253 230	#E6FDE6

#A8F9A8 #B2F9B2 #BCFABC #C6FBC6 #D1FBD1 #DBFCDB #E6FDE6

#A8F9A8 - #C6FBC6 - #E6FDE6

Códigos CSS

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

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