#5E7F7E - #ACBD8C | 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 #5E7F7E a #ACBD8C

#5E7F7E #ACBD8C

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

#5E7F7E - #ACBD8C | 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 #5E7F7E como 0% y #ACBD8C como 100%.

0.0%	0.0% #5E7F7E	RGB 94 127 126	#5E7F7E
16.7%	16.7% #6B8980	RGB 107 137 128	#6B8980
33.3%	33.3% #789382	RGB 120 147 130	#789382
50.0%	50.0% #859E85	RGB 133 158 133	#859E85
66.7%	66.7% #92A887	RGB 146 168 135	#92A887
83.3%	83.3% #9FB289	RGB 159 178 137	#9FB289
100.0%	100.0% #ACBD8C	RGB 172 189 140	#ACBD8C

#5E7F7E #6B8980 #789382 #859E85 #92A887 #9FB289 #ACBD8C

#5E7F7E - #ACBD8C

Mezcla HSV

#5E7F7E - #ACBD8C | 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 #5E7F7E como 0% y #ACBD8C como 100%.

0.0%	0.0% #5E7F7E	RGB 94 127 126	#5E7F7E
16.7%	16.7% #65897E	RGB 101 137 126	#65897E
33.3%	33.3% #6D937D	RGB 109 147 125	#6D937D
50.0%	50.0% #749E7B	RGB 116 158 123	#749E7B
66.7%	66.7% #81A87C	RGB 129 168 124	#81A87C
83.3%	83.3% #96B284	RGB 150 178 132	#96B284
100.0%	100.0% #ACBD8C	RGB 172 189 140	#ACBD8C

#5E7F7E #65897E #6D937D #749E7B #81A87C #96B284 #ACBD8C

#5E7F7E - #749E7B - #ACBD8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F7E 0%, #749E7B 50%, #ACBD8C 100%);
    background: -webkit-linear-gradient(top, #5E7F7E 0%, #749E7B 50%, #ACBD8C 100%);
    background: linear-gradient(to bottom, #5E7F7E 0%, #749E7B 50%, #ACBD8C 100%);
}
</style>