#3C7D7D - #04503C | 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 #04503C

#3C7D7D #04503C

Calcule el color entre dos colores, #3C7D7D y #04503C. 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 - #04503C | 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 #04503C como 100%.

0.0%	0.0% #3C7D7D	RGB 60 125 125	#3C7D7D
16.7%	16.7% #327572	RGB 50 117 114	#327572
33.3%	33.3% #296E67	RGB 41 110 103	#296E67
50.0%	50.0% #20665C	RGB 32 102 92	#20665C
66.7%	66.7% #165F51	RGB 22 95 81	#165F51
83.3%	83.3% #0D5746	RGB 13 87 70	#0D5746
100.0%	100.0% #04503C	RGB 4 80 60	#04503C

#3C7D7D #327572 #296E67 #20665C #165F51 #0D5746 #04503C

#3C7D7D - #04503C

Mezcla HSV

#3C7D7D - #04503C | 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 #04503C como 100%.

0.0%	0.0% #3C7D7D	RGB 60 125 125	#3C7D7D
16.7%	16.7% #2F7572	RGB 47 117 114	#2F7572
33.3%	33.3% #256E67	RGB 37 110 103	#256E67
50.0%	50.0% #1B665C	RGB 27 102 92	#1B665C
66.7%	66.7% #125F51	RGB 18 95 81	#125F51
83.3%	83.3% #0A5746	RGB 10 87 70	#0A5746
100.0%	100.0% #04503C	RGB 4 80 60	#04503C

#3C7D7D #2F7572 #256E67 #1B665C #125F51 #0A5746 #04503C

#3C7D7D - #1B665C - #04503C

Códigos CSS

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

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