#8EC79D - #E5E4A8 | 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 #8EC79D a #E5E4A8

#8EC79D #E5E4A8

Calcule el color entre dos colores, #8EC79D y #E5E4A8. 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)

#8EC79D - #E5E4A8 | 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 #8EC79D como 0% y #E5E4A8 como 100%.

0.0%	0.0% #8EC79D	RGB 142 199 157	#8EC79D
16.7%	16.7% #9CCB9E	RGB 156 203 158	#9CCB9E
33.3%	33.3% #ABD0A0	RGB 171 208 160	#ABD0A0
50.0%	50.0% #B9D5A2	RGB 185 213 162	#B9D5A2
66.7%	66.7% #C8DAA4	RGB 200 218 164	#C8DAA4
83.3%	83.3% #D6DFA6	RGB 214 223 166	#D6DFA6
100.0%	100.0% #E5E4A8	RGB 229 228 168	#E5E4A8

#8EC79D #9CCB9E #ABD0A0 #B9D5A2 #C8DAA4 #D6DFA6 #E5E4A8

#8EC79D - #E5E4A8

Mezcla HSV

#8EC79D - #E5E4A8 | 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 #8EC79D como 0% y #E5E4A8 como 100%.

0.0%	0.0% #8EC79D	RGB 142 199 157	#8EC79D
16.7%	16.7% #92CC95	RGB 146 204 149	#92CC95
33.3%	33.3% #A0D196	RGB 160 209 150	#A0D196
50.0%	50.0% #B1D69A	RGB 177 214 154	#B1D69A
66.7%	66.7% #C2DB9F	RGB 194 219 159	#C2DB9F
83.3%	83.3% #D4E0A3	RGB 212 224 163	#D4E0A3
100.0%	100.0% #E5E4A8	RGB 229 228 168	#E5E4A8

#8EC79D #92CC95 #A0D196 #B1D69A #C2DB9F #D4E0A3 #E5E4A8

#8EC79D - #B1D69A - #E5E4A8

Códigos CSS

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

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