#EAF5E2 - #8EC595 | 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 #EAF5E2 a #8EC595

#EAF5E2 #8EC595

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

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

0.0%	0.0% #EAF5E2	RGB 234 245 226	#EAF5E2
16.7%	16.7% #DAEDD5	RGB 218 237 213	#DAEDD5
33.3%	33.3% #CBE5C8	RGB 203 229 200	#CBE5C8
50.0%	50.0% #BCDDBB	RGB 188 221 187	#BCDDBB
66.7%	66.7% #ACD5AE	RGB 172 213 174	#ACD5AE
83.3%	83.3% #9DCDA1	RGB 157 205 161	#9DCDA1
100.0%	100.0% #8EC595	RGB 142 197 149	#8EC595

#EAF5E2 #DAEDD5 #CBE5C8 #BCDDBB #ACD5AE #9DCDA1 #8EC595

#EAF5E2 - #8EC595

Mezcla HSV

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

0.0%	0.0% #EAF5E2	RGB 234 245 226	#EAF5E2
16.7%	16.7% #DBEDD2	RGB 219 237 210	#DBEDD2
33.3%	33.3% #CBE5C3	RGB 203 229 195	#CBE5C3
50.0%	50.0% #BBDDB5	RGB 187 221 181	#BBDDB5
66.7%	66.7% #AAD5A7	RGB 170 213 167	#AAD5A7
83.3%	83.3% #9ACD9C	RGB 154 205 156	#9ACD9C
100.0%	100.0% #8EC595	RGB 142 197 149	#8EC595

#EAF5E2 #DBEDD2 #CBE5C3 #BBDDB5 #AAD5A7 #9ACD9C #8EC595

#EAF5E2 - #BBDDB5 - #8EC595

Códigos CSS

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

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