#A8C140 - #FFEB71 | 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 #A8C140 a #FFEB71

#A8C140 #FFEB71

Calcule el color entre dos colores, #A8C140 y #FFEB71. 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)

#A8C140 - #FFEB71 | 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 #A8C140 como 0% y #FFEB71 como 100%.

0.0%	0.0% #A8C140	RGB 168 193 64	#A8C140
16.7%	16.7% #B6C848	RGB 182 200 72	#B6C848
33.3%	33.3% #C5CF50	RGB 197 207 80	#C5CF50
50.0%	50.0% #D3D658	RGB 211 214 88	#D3D658
66.7%	66.7% #E2DD60	RGB 226 221 96	#E2DD60
83.3%	83.3% #F0E468	RGB 240 228 104	#F0E468
100.0%	100.0% #FFEB71	RGB 255 235 113	#FFEB71

#A8C140 #B6C848 #C5CF50 #D3D658 #E2DD60 #F0E468 #FFEB71

#A8C140 - #FFEB71

Mezcla HSV

#A8C140 - #FFEB71 | 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 #A8C140 como 0% y #FFEB71 como 100%.

0.0%	0.0% #A8C140	RGB 168 193 64	#A8C140
16.7%	16.7% #B9CB47	RGB 185 203 71	#B9CB47
33.3%	33.3% #CAD54E	RGB 202 213 78	#CAD54E
50.0%	50.0% #DCE056	RGB 220 224 86	#DCE056
66.7%	66.7% #EAE65F	RGB 234 230 95	#EAE65F
83.3%	83.3% #F4E867	RGB 244 232 103	#F4E867
100.0%	100.0% #FFEB71	RGB 255 235 113	#FFEB71

#A8C140 #B9CB47 #CAD54E #DCE056 #EAE65F #F4E867 #FFEB71

#A8C140 - #DCE056 - #FFEB71

Códigos CSS

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

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