#5E6F5E - #87E3AF | 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 #5E6F5E a #87E3AF

#5E6F5E #87E3AF

Calcule el color entre dos colores, #5E6F5E y #87E3AF. 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)

#5E6F5E - #87E3AF | 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 #5E6F5E como 0% y #87E3AF como 100%.

0.0%	0.0% #5E6F5E	RGB 94 111 94	#5E6F5E
16.7%	16.7% #64826B	RGB 100 130 107	#64826B
33.3%	33.3% #6B9579	RGB 107 149 121	#6B9579
50.0%	50.0% #72A986	RGB 114 169 134	#72A986
66.7%	66.7% #79BC94	RGB 121 188 148	#79BC94
83.3%	83.3% #80CFA1	RGB 128 207 161	#80CFA1
100.0%	100.0% #87E3AF	RGB 135 227 175	#87E3AF

#5E6F5E #64826B #6B9579 #72A986 #79BC94 #80CFA1 #87E3AF

#5E6F5E - #87E3AF

Mezcla HSV

#5E6F5E - #87E3AF | 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 #5E6F5E como 0% y #87E3AF como 100%.

0.0%	0.0% #5E6F5E	RGB 94 111 94	#5E6F5E
16.7%	16.7% #68826A	RGB 104 130 106	#68826A
33.3%	33.3% #729577	RGB 114 149 119	#729577
50.0%	50.0% #79A984	RGB 121 169 132	#79A984
66.7%	66.7% #7FBC91	RGB 127 188 145	#7FBC91
83.3%	83.3% #84CF9F	RGB 132 207 159	#84CF9F
100.0%	100.0% #87E3AF	RGB 135 227 175	#87E3AF

#5E6F5E #68826A #729577 #79A984 #7FBC91 #84CF9F #87E3AF

#5E6F5E - #79A984 - #87E3AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6F5E 0%, #79A984 50%, #87E3AF 100%);
    background: -webkit-linear-gradient(top, #5E6F5E 0%, #79A984 50%, #87E3AF 100%);
    background: linear-gradient(to bottom, #5E6F5E 0%, #79A984 50%, #87E3AF 100%);
}
</style>