#5E6C5E - #88E2AF | 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 #5E6C5E a #88E2AF

#5E6C5E #88E2AF

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

#5E6C5E - #88E2AF | 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 #5E6C5E como 0% y #88E2AF como 100%.

0.0%	0.0% #5E6C5E	RGB 94 108 94	#5E6C5E
16.7%	16.7% #657F6B	RGB 101 127 107	#657F6B
33.3%	33.3% #6C9379	RGB 108 147 121	#6C9379
50.0%	50.0% #73A786	RGB 115 167 134	#73A786
66.7%	66.7% #7ABA94	RGB 122 186 148	#7ABA94
83.3%	83.3% #81CEA1	RGB 129 206 161	#81CEA1
100.0%	100.0% #88E2AF	RGB 136 226 175	#88E2AF

#5E6C5E #657F6B #6C9379 #73A786 #7ABA94 #81CEA1 #88E2AF

#5E6C5E - #88E2AF

Mezcla HSV

#5E6C5E - #88E2AF | 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 #5E6C5E como 0% y #88E2AF como 100%.

0.0%	0.0% #5E6C5E	RGB 94 108 94	#5E6C5E
16.7%	16.7% #697F6B	RGB 105 127 107	#697F6B
33.3%	33.3% #739377	RGB 115 147 119	#739377
50.0%	50.0% #7AA784	RGB 122 167 132	#7AA784
66.7%	66.7% #81BA91	RGB 129 186 145	#81BA91
83.3%	83.3% #85CE9F	RGB 133 206 159	#85CE9F
100.0%	100.0% #88E2AF	RGB 136 226 175	#88E2AF

#5E6C5E #697F6B #739377 #7AA784 #81BA91 #85CE9F #88E2AF

#5E6C5E - #7AA784 - #88E2AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6C5E 0%, #7AA784 50%, #88E2AF 100%);
    background: -webkit-linear-gradient(top, #5E6C5E 0%, #7AA784 50%, #88E2AF 100%);
    background: linear-gradient(to bottom, #5E6C5E 0%, #7AA784 50%, #88E2AF 100%);
}
</style>