#5EAF4D - #FFEC75 | 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 #5EAF4D a #FFEC75

#5EAF4D #FFEC75

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

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

0.0%	0.0% #5EAF4D	RGB 94 175 77	#5EAF4D
16.7%	16.7% #78B953	RGB 120 185 83	#78B953
33.3%	33.3% #93C35A	RGB 147 195 90	#93C35A
50.0%	50.0% #AECD61	RGB 174 205 97	#AECD61
66.7%	66.7% #C9D767	RGB 201 215 103	#C9D767
83.3%	83.3% #E4E16E	RGB 228 225 110	#E4E16E
100.0%	100.0% #FFEC75	RGB 255 236 117	#FFEC75

#5EAF4D #78B953 #93C35A #AECD61 #C9D767 #E4E16E #FFEC75

#5EAF4D - #FFEC75

Mezcla HSV

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

0.0%	0.0% #5DAF4D	RGB 93 175 77	#5DAF4D
16.7%	16.7% #76BC53	RGB 118 188 83	#76BC53
33.3%	33.3% #91C959	RGB 145 201 89	#91C959
50.0%	50.0% #AED760	RGB 174 215 96	#AED760
66.7%	66.7% #CDE467	RGB 205 228 103	#CDE467
83.3%	83.3% #EEF16E	RGB 238 241 110	#EEF16E
100.0%	100.0% #FFEC75	RGB 255 236 117	#FFEC75

#5DAF4D #76BC53 #91C959 #AED760 #CDE467 #EEF16E #FFEC75

#5EAF4D - #AED760 - #FFEC75

Códigos CSS

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

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