#3C9696 - #016554 | 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 #3C9696 a #016554

#3C9696 #016554

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

#3C9696 - #016554 | 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 #3C9696 como 0% y #016554 como 100%.

0.0%	0.0% #3C9696	RGB 60 150 150	#3C9696
16.7%	16.7% #328D8B	RGB 50 141 139	#328D8B
33.3%	33.3% #288580	RGB 40 133 128	#288580
50.0%	50.0% #1E7D75	RGB 30 125 117	#1E7D75
66.7%	66.7% #14756A	RGB 20 117 106	#14756A
83.3%	83.3% #0A6D5F	RGB 10 109 95	#0A6D5F
100.0%	100.0% #016554	RGB 1 101 84	#016554

#3C9696 #328D8B #288580 #1E7D75 #14756A #0A6D5F #016554

#3C9696 - #016554

Mezcla HSV

#3C9696 - #016554 | 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 #3C9696 como 0% y #016554 como 100%.

0.0%	0.0% #3C9696	RGB 60 150 150	#3C9696
16.7%	16.7% #2F8D8B	RGB 47 141 139	#2F8D8B
33.3%	33.3% #248580	RGB 36 133 128	#248580
50.0%	50.0% #197D75	RGB 25 125 117	#197D75
66.7%	66.7% #107569	RGB 16 117 105	#107569
83.3%	83.3% #086D5E	RGB 8 109 94	#086D5E
100.0%	100.0% #016554	RGB 1 101 84	#016554

#3C9696 #2F8D8B #248580 #197D75 #107569 #086D5E #016554

#3C9696 - #197D75 - #016554

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C9696 0%, #197D75 50%, #016554 100%);
    background: -webkit-linear-gradient(top, #3C9696 0%, #197D75 50%, #016554 100%);
    background: linear-gradient(to bottom, #3C9696 0%, #197D75 50%, #016554 100%);
}
</style>