#3F412F - #C8C8C3 | 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 #3F412F a #C8C8C3

#3F412F #C8C8C3

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

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

0.0%	0.0% #3F412F	RGB 63 65 47	#3F412F
16.7%	16.7% #555747	RGB 85 87 71	#555747
33.3%	33.3% #6C6E60	RGB 108 110 96	#6C6E60
50.0%	50.0% #838479	RGB 131 132 121	#838479
66.7%	66.7% #9A9B91	RGB 154 155 145	#9A9B91
83.3%	83.3% #B1B1AA	RGB 177 177 170	#B1B1AA
100.0%	100.0% #C8C8C3	RGB 200 200 195	#C8C8C3

#3F412F #555747 #6C6E60 #838479 #9A9B91 #B1B1AA #C8C8C3

#3F412F - #C8C8C3

Mezcla HSV

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

0.0%	0.0% #3F412F	RGB 63 65 47	#3F412F
16.7%	16.7% #555742	RGB 85 87 66	#555742
33.3%	33.3% #6C6E58	RGB 108 110 88	#6C6E58
50.0%	50.0% #838470	RGB 131 132 112	#838470
66.7%	66.7% #9A9B8A	RGB 154 155 138	#9A9B8A
83.3%	83.3% #B1B1A5	RGB 177 177 165	#B1B1A5
100.0%	100.0% #C8C8C3	RGB 200 200 195	#C8C8C3

#3F412F #555742 #6C6E58 #838470 #9A9B8A #B1B1A5 #C8C8C3

#3F412F - #838470 - #C8C8C3

Códigos CSS

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

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