#3E3C3C - #AC7069 | 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 #3E3C3C a #AC7069

#3E3C3C #AC7069

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

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #504443	RGB 80 68 67	#504443
33.3%	33.3% #624D4B	RGB 98 77 75	#624D4B
50.0%	50.0% #755652	RGB 117 86 82	#755652
66.7%	66.7% #875E5A	RGB 135 94 90	#875E5A
83.3%	83.3% #996761	RGB 153 103 97	#996761
100.0%	100.0% #AC7069	RGB 172 112 105	#AC7069

#3E3C3C #504443 #624D4B #755652 #875E5A #996761 #AC7069

#3E3C3C - #AC7069

Mezcla HSV

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

0.0%	0.0% #3E3C3C	RGB 62 60 60	#3E3C3C
16.7%	16.7% #504948	RGB 80 73 72	#504948
33.3%	33.3% #625453	RGB 98 84 83	#625453
50.0%	50.0% #755D5C	RGB 117 93 92	#755D5C
66.7%	66.7% #876562	RGB 135 101 98	#876562
83.3%	83.3% #996B66	RGB 153 107 102	#996B66
100.0%	100.0% #AC7069	RGB 172 112 105	#AC7069

#3E3C3C #504948 #625453 #755D5C #876562 #996B66 #AC7069

#3E3C3C - #755D5C - #AC7069

Códigos CSS

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

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