#5BCB8A - #FAF199 | 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 #5BCB8A a #FAF199

#5BCB8A #FAF199

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

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

0.0%	0.0% #5BCB8A	RGB 91 203 138	#5BCB8A
16.7%	16.7% #75D18C	RGB 117 209 140	#75D18C
33.3%	33.3% #90D78F	RGB 144 215 143	#90D78F
50.0%	50.0% #AADE91	RGB 170 222 145	#AADE91
66.7%	66.7% #C5E494	RGB 197 228 148	#C5E494
83.3%	83.3% #DFEA96	RGB 223 234 150	#DFEA96
100.0%	100.0% #FAF199	RGB 250 241 153	#FAF199

#5BCB8A #75D18C #90D78F #AADE91 #C5E494 #DFEA96 #FAF199

#5BCB8A - #FAF199

Mezcla HSV

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

0.0%	0.0% #5ACB8A	RGB 90 203 138	#5ACB8A
16.7%	16.7% #64D276	RGB 100 210 118	#64D276
33.3%	33.3% #77DA6D	RGB 119 218 109	#77DA6D
50.0%	50.0% #9BE278	RGB 155 226 120	#9BE278
66.7%	66.7% #BFEA82	RGB 191 234 130	#BFEA82
83.3%	83.3% #E2F28D	RGB 226 242 141	#E2F28D
100.0%	100.0% #FAF199	RGB 250 241 153	#FAF199

#5ACB8A #64D276 #77DA6D #9BE278 #BFEA82 #E2F28D #FAF199

#5BCB8A - #9BE278 - #FAF199

Códigos CSS

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

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