#A8FF5E - #5CE321 | 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 #A8FF5E a #5CE321

#A8FF5E #5CE321

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

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

0.0%	0.0% #A8FF5E	RGB 168 255 94	#A8FF5E
16.7%	16.7% #9BFA53	RGB 155 250 83	#9BFA53
33.3%	33.3% #8EF549	RGB 142 245 73	#8EF549
50.0%	50.0% #82F13F	RGB 130 241 63	#82F13F
66.7%	66.7% #75EC35	RGB 117 236 53	#75EC35
83.3%	83.3% #68E72B	RGB 104 231 43	#68E72B
100.0%	100.0% #5CE321	RGB 92 227 33	#5CE321

#A8FF5E #9BFA53 #8EF549 #82F13F #75EC35 #68E72B #5CE321

#A8FF5E - #5CE321

Mezcla HSV

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

0.0%	0.0% #A8FF5D	RGB 168 255 93	#A8FF5D
16.7%	16.7% #9BFA52	RGB 155 250 82	#9BFA52
33.3%	33.3% #8EF548	RGB 142 245 72	#8EF548
50.0%	50.0% #82F13D	RGB 130 241 61	#82F13D
66.7%	66.7% #75EC33	RGB 117 236 51	#75EC33
83.3%	83.3% #68E72A	RGB 104 231 42	#68E72A
100.0%	100.0% #5CE321	RGB 92 227 33	#5CE321

#A8FF5D #9BFA52 #8EF548 #82F13D #75EC33 #68E72A #5CE321

#A8FF5E - #82F13D - #5CE321

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8FF5D 0%, #82F13D 50%, #5CE321 100%);
    background: -webkit-linear-gradient(top, #A8FF5D 0%, #82F13D 50%, #5CE321 100%);
    background: linear-gradient(to bottom, #A8FF5D 0%, #82F13D 50%, #5CE321 100%);
}
</style>