#5EAF3E - #FFEE6C | 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 #5EAF3E a #FFEE6C

#5EAF3E #FFEE6C

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

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

0.0%	0.0% #5EAF3E	RGB 94 175 62	#5EAF3E
16.7%	16.7% #78B945	RGB 120 185 69	#78B945
33.3%	33.3% #93C44D	RGB 147 196 77	#93C44D
50.0%	50.0% #AECE55	RGB 174 206 85	#AECE55
66.7%	66.7% #C9D95C	RGB 201 217 92	#C9D95C
83.3%	83.3% #E4E364	RGB 228 227 100	#E4E364
100.0%	100.0% #FFEE6C	RGB 255 238 108	#FFEE6C

#5EAF3E #78B945 #93C44D #AECE55 #C9D95C #E4E364 #FFEE6C

#5EAF3E - #FFEE6C

Mezcla HSV

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

0.0%	0.0% #5DAF3E	RGB 93 175 62	#5DAF3E
16.7%	16.7% #77BC44	RGB 119 188 68	#77BC44
33.3%	33.3% #92C94C	RGB 146 201 76	#92C94C
50.0%	50.0% #AFD753	RGB 175 215 83	#AFD753
66.7%	66.7% #CEE45B	RGB 206 228 91	#CEE45B
83.3%	83.3% #EEF163	RGB 238 241 99	#EEF163
100.0%	100.0% #FFEE6C	RGB 255 238 108	#FFEE6C

#5DAF3E #77BC44 #92C94C #AFD753 #CEE45B #EEF163 #FFEE6C

#5EAF3E - #AFD753 - #FFEE6C

Códigos CSS

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

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