#5E8C8C - #156070 | 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 #5E8C8C a #156070

#5E8C8C #156070

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

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

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #518487	RGB 81 132 135	#518487
33.3%	33.3% #457D82	RGB 69 125 130	#457D82
50.0%	50.0% #39767E	RGB 57 118 126	#39767E
66.7%	66.7% #2D6E79	RGB 45 110 121	#2D6E79
83.3%	83.3% #216774	RGB 33 103 116	#216774
100.0%	100.0% #156070	RGB 21 96 112	#156070

#5E8C8C #518487 #457D82 #39767E #2D6E79 #216774 #156070

#5E8C8C - #156070

Mezcla HSV

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

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #4F8587	RGB 79 133 135	#4F8587
33.3%	33.3% #427E82	RGB 66 126 130	#427E82
50.0%	50.0% #36777E	RGB 54 119 126	#36777E
66.7%	66.7% #2A7079	RGB 42 112 121	#2A7079
83.3%	83.3% #1F6874	RGB 31 104 116	#1F6874
100.0%	100.0% #156070	RGB 21 96 112	#156070

#5E8C8C #4F8587 #427E82 #36777E #2A7079 #1F6874 #156070

#5E8C8C - #36777E - #156070

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C8C 0%, #36777E 50%, #156070 100%);
    background: -webkit-linear-gradient(top, #5E8C8C 0%, #36777E 50%, #156070 100%);
    background: linear-gradient(to bottom, #5E8C8C 0%, #36777E 50%, #156070 100%);
}
</style>