#A8EA8C - #5ACE3E | 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 #A8EA8C a #5ACE3E

#A8EA8C #5ACE3E

Calcule el color entre dos colores, #A8EA8C y #5ACE3E. 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)

#A8EA8C - #5ACE3E | 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 #A8EA8C como 0% y #5ACE3E como 100%.

0.0%	0.0% #A8EA8C	RGB 168 234 140	#A8EA8C
16.7%	16.7% #9BE57F	RGB 155 229 127	#9BE57F
33.3%	33.3% #8EE072	RGB 142 224 114	#8EE072
50.0%	50.0% #81DC65	RGB 129 220 101	#81DC65
66.7%	66.7% #74D758	RGB 116 215 88	#74D758
83.3%	83.3% #67D24B	RGB 103 210 75	#67D24B
100.0%	100.0% #5ACE3E	RGB 90 206 62	#5ACE3E

#A8EA8C #9BE57F #8EE072 #81DC65 #74D758 #67D24B #5ACE3E

#A8EA8C - #5ACE3E

Mezcla HSV

#A8EA8C - #5ACE3E | 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 #A8EA8C como 0% y #5ACE3E como 100%.

0.0%	0.0% #A8EA8C	RGB 168 234 140	#A8EA8C
16.7%	16.7% #9AE57D	RGB 154 229 125	#9AE57D
33.3%	33.3% #8DE070	RGB 141 224 112	#8DE070
50.0%	50.0% #80DC62	RGB 128 220 98	#80DC62
66.7%	66.7% #73D756	RGB 115 215 86	#73D756
83.3%	83.3% #66D249	RGB 102 210 73	#66D249
100.0%	100.0% #5ACE3E	RGB 90 206 62	#5ACE3E

#A8EA8C #9AE57D #8DE070 #80DC62 #73D756 #66D249 #5ACE3E

#A8EA8C - #80DC62 - #5ACE3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8EA8C 0%, #80DC62 50%, #5ACE3E 100%);
    background: -webkit-linear-gradient(top, #A8EA8C 0%, #80DC62 50%, #5ACE3E 100%);
    background: linear-gradient(to bottom, #A8EA8C 0%, #80DC62 50%, #5ACE3E 100%);
}
</style>