#3C4749 - #69A596 | 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 #3C4749 a #69A596

#3C4749 #69A596

Calcule el color entre dos colores, #3C4749 y #69A596. 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)

#3C4749 - #69A596 | 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 #3C4749 como 0% y #69A596 como 100%.

0.0%	0.0% #3C4749	RGB 60 71 73	#3C4749
16.7%	16.7% #435655	RGB 67 86 85	#435655
33.3%	33.3% #4B6662	RGB 75 102 98	#4B6662
50.0%	50.0% #52766F	RGB 82 118 111	#52766F
66.7%	66.7% #5A857C	RGB 90 133 124	#5A857C
83.3%	83.3% #619589	RGB 97 149 137	#619589
100.0%	100.0% #69A596	RGB 105 165 150	#69A596

#3C4749 #435655 #4B6662 #52766F #5A857C #619589 #69A596

#3C4749 - #69A596

Mezcla HSV

#3C4749 - #69A596 | 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 #3C4749 como 0% y #69A596 como 100%.

0.0%	0.0% #3C4749	RGB 60 71 73	#3C4749
16.7%	16.7% #455658	RGB 69 86 88	#455658
33.3%	33.3% #4E6767	RGB 78 103 103	#4E6767
50.0%	50.0% #567775	RGB 86 119 117	#567775
66.7%	66.7% #5D8681	RGB 93 134 129	#5D8681
83.3%	83.3% #63958C	RGB 99 149 140	#63958C
100.0%	100.0% #69A596	RGB 105 165 150	#69A596

#3C4749 #455658 #4E6767 #567775 #5D8681 #63958C #69A596

#3C4749 - #567775 - #69A596

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4749 0%, #567775 50%, #69A596 100%);
    background: -webkit-linear-gradient(top, #3C4749 0%, #567775 50%, #69A596 100%);
    background: linear-gradient(to bottom, #3C4749 0%, #567775 50%, #69A596 100%);
}
</style>