#49DB8A - #FFFE9A | 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 #49DB8A a #FFFE9A

#49DB8A #FFFE9A

Calcule el color entre dos colores, #49DB8A y #FFFE9A. 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)

#49DB8A - #FFFE9A | 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 #49DB8A como 0% y #FFFE9A como 100%.

0.0%	0.0% #49DB8A	RGB 73 219 138	#49DB8A
16.7%	16.7% #67E08C	RGB 103 224 140	#67E08C
33.3%	33.3% #85E68F	RGB 133 230 143	#85E68F
50.0%	50.0% #A4EC92	RGB 164 236 146	#A4EC92
66.7%	66.7% #C2F294	RGB 194 242 148	#C2F294
83.3%	83.3% #E0F897	RGB 224 248 151	#E0F897
100.0%	100.0% #FFFE9A	RGB 255 254 154	#FFFE9A

#49DB8A #67E08C #85E68F #A4EC92 #C2F294 #E0F897 #FFFE9A

#49DB8A - #FFFE9A

Mezcla HSV

#49DB8A - #FFFE9A | 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 #49DB8A como 0% y #FFFE9A como 100%.

0.0%	0.0% #49DB8A	RGB 73 219 138	#49DB8A
16.7%	16.7% #55E171	RGB 85 225 113	#55E171
33.3%	33.3% #67E761	RGB 103 231 97	#67E761
50.0%	50.0% #92ED6F	RGB 146 237 111	#92ED6F
66.7%	66.7% #BAF37C	RGB 186 243 124	#BAF37C
83.3%	83.3% #DFF98B	RGB 223 249 139	#DFF98B
100.0%	100.0% #FFFE9A	RGB 255 254 154	#FFFE9A

#49DB8A #55E171 #67E761 #92ED6F #BAF37C #DFF98B #FFFE9A

#49DB8A - #92ED6F - #FFFE9A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #49DB8A 0%, #92ED6F 50%, #FFFE9A 100%);
    background: -webkit-linear-gradient(top, #49DB8A 0%, #92ED6F 50%, #FFFE9A 100%);
    background: linear-gradient(to bottom, #49DB8A 0%, #92ED6F 50%, #FFFE9A 100%);
}
</style>