#5EEA8C - #FFFD9C | 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 #5EEA8C a #FFFD9C

#5EEA8C #FFFD9C

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

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

0.0%	0.0% #5EEA8C	RGB 94 234 140	#5EEA8C
16.7%	16.7% #78ED8E	RGB 120 237 142	#78ED8E
33.3%	33.3% #93F091	RGB 147 240 145	#93F091
50.0%	50.0% #AEF394	RGB 174 243 148	#AEF394
66.7%	66.7% #C9F696	RGB 201 246 150	#C9F696
83.3%	83.3% #E4F999	RGB 228 249 153	#E4F999
100.0%	100.0% #FFFD9C	RGB 255 253 156	#FFFD9C

#5EEA8C #78ED8E #93F091 #AEF394 #C9F696 #E4F999 #FFFD9C

#5EEA8C - #FFFD9C

Mezcla HSV

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

0.0%	0.0% #5EEA8B	RGB 94 234 139	#5EEA8B
16.7%	16.7% #67ED75	RGB 103 237 117	#67ED75
33.3%	33.3% #81F171	RGB 129 241 113	#81F171
50.0%	50.0% #A5F47B	RGB 165 244 123	#A5F47B
66.7%	66.7% #C7F886	RGB 199 248 134	#C7F886
83.3%	83.3% #E5FB91	RGB 229 251 145	#E5FB91
100.0%	100.0% #FFFD9C	RGB 255 253 156	#FFFD9C

#5EEA8B #67ED75 #81F171 #A5F47B #C7F886 #E5FB91 #FFFD9C

#5EEA8C - #A5F47B - #FFFD9C

Códigos CSS

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

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