#135B5E - #8DB19E | 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 #135B5E a #8DB19E

#135B5E #8DB19E

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

#135B5E - #8DB19E | 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 #135B5E como 0% y #8DB19E como 100%.

0.0%	0.0% #135B5E	RGB 19 91 94	#135B5E
16.7%	16.7% #276968	RGB 39 105 104	#276968
33.3%	33.3% #3B7773	RGB 59 119 115	#3B7773
50.0%	50.0% #50867E	RGB 80 134 126	#50867E
66.7%	66.7% #649488	RGB 100 148 136	#649488
83.3%	83.3% #78A293	RGB 120 162 147	#78A293
100.0%	100.0% #8DB19E	RGB 141 177 158	#8DB19E

#135B5E #276968 #3B7773 #50867E #649488 #78A293 #8DB19E

#135B5E - #8DB19E

Mezcla HSV

#135B5E - #8DB19E | 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 #135B5E como 0% y #8DB19E como 100%.

0.0%	0.0% #125B5E	RGB 18 91 94	#125B5E
16.7%	16.7% #206B67	RGB 32 107 103	#206B67
33.3%	33.3% #30796E	RGB 48 121 110	#30796E
50.0%	50.0% #438776	RGB 67 135 118	#438776
66.7%	66.7% #599581	RGB 89 149 129	#599581
83.3%	83.3% #71A38D	RGB 113 163 141	#71A38D
100.0%	100.0% #8DB19E	RGB 141 177 158	#8DB19E

#125B5E #206B67 #30796E #438776 #599581 #71A38D #8DB19E

#135B5E - #438776 - #8DB19E

Códigos CSS

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

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