#5E8C8C - #15665A | 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 #15665A

#5E8C8C #15665A

Calcule el color entre dos colores, #5E8C8C y #15665A. 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 - #15665A | 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 #15665A como 100%.

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #518583	RGB 81 133 131	#518583
33.3%	33.3% #457F7B	RGB 69 127 123	#457F7B
50.0%	50.0% #397973	RGB 57 121 115	#397973
66.7%	66.7% #2D726A	RGB 45 114 106	#2D726A
83.3%	83.3% #216C62	RGB 33 108 98	#216C62
100.0%	100.0% #15665A	RGB 21 102 90	#15665A

#5E8C8C #518583 #457F7B #397973 #2D726A #216C62 #15665A

#5E8C8C - #15665A

Mezcla HSV

#5E8C8C - #15665A | 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 #15665A como 100%.

0.0%	0.0% #5E8C8C	RGB 94 140 140	#5E8C8C
16.7%	16.7% #4F8584	RGB 79 133 132	#4F8584
33.3%	33.3% #417F7C	RGB 65 127 124	#417F7C
50.0%	50.0% #357973	RGB 53 121 115	#357973
66.7%	66.7% #29726B	RGB 41 114 107	#29726B
83.3%	83.3% #1E6C62	RGB 30 108 98	#1E6C62
100.0%	100.0% #15665A	RGB 21 102 90	#15665A

#5E8C8C #4F8584 #417F7C #357973 #29726B #1E6C62 #15665A

#5E8C8C - #357973 - #15665A

Códigos CSS

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

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