#A0FF5E - #FFFF93 | 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 #A0FF5E a #FFFF93

#A0FF5E #FFFF93

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

#A0FF5E - #FFFF93 | 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 #A0FF5E como 0% y #FFFF93 como 100%.

0.0%	0.0% #A0FF5E	RGB 160 255 94	#A0FF5E
16.7%	16.7% #AFFF66	RGB 175 255 102	#AFFF66
33.3%	33.3% #BFFF6F	RGB 191 255 111	#BFFF6F
50.0%	50.0% #CFFF78	RGB 207 255 120	#CFFF78
66.7%	66.7% #DFFF81	RGB 223 255 129	#DFFF81
83.3%	83.3% #EFFF8A	RGB 239 255 138	#EFFF8A
100.0%	100.0% #FFFF93	RGB 255 255 147	#FFFF93

#A0FF5E #AFFF66 #BFFF6F #CFFF78 #DFFF81 #EFFF8A #FFFF93

#A0FF5E - #FFFF93

Mezcla HSV

#A0FF5E - #FFFF93 | 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 #A0FF5E como 0% y #FFFF93 como 100%.

0.0%	0.0% #9FFF5D	RGB 159 255 93	#9FFF5D
16.7%	16.7% #B4FF66	RGB 180 255 102	#B4FF66
33.3%	33.3% #C6FF6F	RGB 198 255 111	#C6FF6F
50.0%	50.0% #D7FF78	RGB 215 255 120	#D7FF78
66.7%	66.7% #E6FF81	RGB 230 255 129	#E6FF81
83.3%	83.3% #F3FF8A	RGB 243 255 138	#F3FF8A
100.0%	100.0% #FFFF93	RGB 255 255 147	#FFFF93

#9FFF5D #B4FF66 #C6FF6F #D7FF78 #E6FF81 #F3FF8A #FFFF93

#A0FF5E - #D7FF78 - #FFFF93

Códigos CSS

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

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