#5A8F8C - #0E5D4D | 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 #5A8F8C a #0E5D4D

#5A8F8C #0E5D4D

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

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

0.0%	0.0% #5A8F8C	RGB 90 143 140	#5A8F8C
16.7%	16.7% #4D8681	RGB 77 134 129	#4D8681
33.3%	33.3% #407E77	RGB 64 126 119	#407E77
50.0%	50.0% #34766C	RGB 52 118 108	#34766C
66.7%	66.7% #276D62	RGB 39 109 98	#276D62
83.3%	83.3% #1A6557	RGB 26 101 87	#1A6557
100.0%	100.0% #0E5D4D	RGB 14 93 77	#0E5D4D

#5A8F8C #4D8681 #407E77 #34766C #276D62 #1A6557 #0E5D4D

#5A8F8C - #0E5D4D

Mezcla HSV

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

0.0%	0.0% #5A8F8C	RGB 90 143 140	#5A8F8C
16.7%	16.7% #4A8681	RGB 74 134 129	#4A8681
33.3%	33.3% #3B7E77	RGB 59 126 119	#3B7E77
50.0%	50.0% #2E766C	RGB 46 118 108	#2E766C
66.7%	66.7% #226D62	RGB 34 109 98	#226D62
83.3%	83.3% #176557	RGB 23 101 87	#176557
100.0%	100.0% #0E5D4D	RGB 14 93 77	#0E5D4D

#5A8F8C #4A8681 #3B7E77 #2E766C #226D62 #176557 #0E5D4D

#5A8F8C - #2E766C - #0E5D4D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A8F8C 0%, #2E766C 50%, #0E5D4D 100%);
    background: -webkit-linear-gradient(top, #5A8F8C 0%, #2E766C 50%, #0E5D4D 100%);
    background: linear-gradient(to bottom, #5A8F8C 0%, #2E766C 50%, #0E5D4D 100%);
}
</style>