#A8F9A8 - #4FEC5A | 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 #4FEC5A

#A8F9A8 #4FEC5A

Calcule el color entre dos colores, #A8F9A8 y #4FEC5A. 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 - #4FEC5A | 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 #4FEC5A como 100%.

0.0%	0.0% #A8F9A8	RGB 168 249 168	#A8F9A8
16.7%	16.7% #99F69B	RGB 153 246 155	#99F69B
33.3%	33.3% #8AF48E	RGB 138 244 142	#8AF48E
50.0%	50.0% #7BF281	RGB 123 242 129	#7BF281
66.7%	66.7% #6CF074	RGB 108 240 116	#6CF074
83.3%	83.3% #5DEE67	RGB 93 238 103	#5DEE67
100.0%	100.0% #4FEC5A	RGB 79 236 90	#4FEC5A

#A8F9A8 #99F69B #8AF48E #7BF281 #6CF074 #5DEE67 #4FEC5A

#A8F9A8 - #4FEC5A

Mezcla HSV

#A8F9A8 - #4FEC5A | 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 #4FEC5A como 100%.

0.0%	0.0% #A8F9A8	RGB 168 249 168	#A8F9A8
16.7%	16.7% #98F699	RGB 152 246 153	#98F699
33.3%	33.3% #89F48B	RGB 137 244 139	#89F48B
50.0%	50.0% #7AF27E	RGB 122 242 126	#7AF27E
66.7%	66.7% #6BF071	RGB 107 240 113	#6BF071
83.3%	83.3% #5DEE65	RGB 93 238 101	#5DEE65
100.0%	100.0% #4FEC5A	RGB 79 236 90	#4FEC5A

#A8F9A8 #98F699 #89F48B #7AF27E #6BF071 #5DEE65 #4FEC5A

#A8F9A8 - #7AF27E - #4FEC5A

Códigos CSS

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

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