#E2FFEE - #8ED8CF | 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 #E2FFEE a #8ED8CF

#E2FFEE #8ED8CF

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

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

0.0%	0.0% #E2FFEE	RGB 226 255 238	#E2FFEE
16.7%	16.7% #D4F8E8	RGB 212 248 232	#D4F8E8
33.3%	33.3% #C6F2E3	RGB 198 242 227	#C6F2E3
50.0%	50.0% #B8EBDE	RGB 184 235 222	#B8EBDE
66.7%	66.7% #AAE5D9	RGB 170 229 217	#AAE5D9
83.3%	83.3% #9CDED4	RGB 156 222 212	#9CDED4
100.0%	100.0% #8ED8CF	RGB 142 216 207	#8ED8CF

#E2FFEE #D4F8E8 #C6F2E3 #B8EBDE #AAE5D9 #9CDED4 #8ED8CF

#E2FFEE - #8ED8CF

Mezcla HSV

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

0.0%	0.0% #E2FFEE	RGB 226 255 238	#E2FFEE
16.7%	16.7% #D2F8E5	RGB 210 248 229	#D2F8E5
33.3%	33.3% #C4F2DE	RGB 196 242 222	#C4F2DE
50.0%	50.0% #B5EBD8	RGB 181 235 216	#B5EBD8
66.7%	66.7% #A8E5D4	RGB 168 229 212	#A8E5D4
83.3%	83.3% #9ADED1	RGB 154 222 209	#9ADED1
100.0%	100.0% #8ED8CF	RGB 142 216 207	#8ED8CF

#E2FFEE #D2F8E5 #C4F2DE #B5EBD8 #A8E5D4 #9ADED1 #8ED8CF

#E2FFEE - #B5EBD8 - #8ED8CF

Códigos CSS

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

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