#3C7D7D - #112323 | 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 #3C7D7D a #112323

#3C7D7D #112323

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

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

0.0%	0.0% #3C7D7D	RGB 60 125 125	#3C7D7D
16.7%	16.7% #346E6E	RGB 52 110 110	#346E6E
33.3%	33.3% #2D5F5F	RGB 45 95 95	#2D5F5F
50.0%	50.0% #265050	RGB 38 80 80	#265050
66.7%	66.7% #1F4141	RGB 31 65 65	#1F4141
83.3%	83.3% #183232	RGB 24 50 50	#183232
100.0%	100.0% #112323	RGB 17 35 35	#112323

#3C7D7D #346E6E #2D5F5F #265050 #1F4141 #183232 #112323

#3C7D7D - #112323

Mezcla HSV

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

0.0%	0.0% #3C7D7D	RGB 60 125 125	#3C7D7D
16.7%	16.7% #346E6E	RGB 52 110 110	#346E6E
33.3%	33.3% #2D5F5F	RGB 45 95 95	#2D5F5F
50.0%	50.0% #265050	RGB 38 80 80	#265050
66.7%	66.7% #1F4141	RGB 31 65 65	#1F4141
83.3%	83.3% #183232	RGB 24 50 50	#183232
100.0%	100.0% #112323	RGB 17 35 35	#112323

#3C7D7D #346E6E #2D5F5F #265050 #1F4141 #183232 #112323

#3C7D7D - #265050 - #112323

Códigos CSS

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

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