#C8A16C - #392E1E | 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 #C8A16C a #392E1E

#C8A16C #392E1E

Calcule el color entre dos colores, #C8A16C y #392E1E. 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)

#C8A16C - #392E1E | 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 #C8A16C como 0% y #392E1E como 100%.

0.0%	0.0% #C8A16C	RGB 200 161 108	#C8A16C
16.7%	16.7% #B08D5F	RGB 176 141 95	#B08D5F
33.3%	33.3% #987A52	RGB 152 122 82	#987A52
50.0%	50.0% #806745	RGB 128 103 69	#806745
66.7%	66.7% #685438	RGB 104 84 56	#685438
83.3%	83.3% #50412B	RGB 80 65 43	#50412B
100.0%	100.0% #392E1E	RGB 57 46 30	#392E1E

#C8A16C #B08D5F #987A52 #806745 #685438 #50412B #392E1E

#C8A16C - #392E1E

Mezcla HSV

#C8A16C - #392E1E | 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 #C8A16C como 0% y #392E1E como 100%.

0.0%	0.0% #C8A16C	RGB 200 161 108	#C8A16C
16.7%	16.7% #B08D5E	RGB 176 141 94	#B08D5E
33.3%	33.3% #987A51	RGB 152 122 81	#987A51
50.0%	50.0% #806744	RGB 128 103 68	#806744
66.7%	66.7% #685437	RGB 104 84 55	#685437
83.3%	83.3% #50412A	RGB 80 65 42	#50412A
100.0%	100.0% #392E1E	RGB 57 46 30	#392E1E

#C8A16C #B08D5E #987A51 #806744 #685437 #50412A #392E1E

#C8A16C - #806744 - #392E1E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8A16C 0%, #806744 50%, #392E1E 100%);
    background: -webkit-linear-gradient(top, #C8A16C 0%, #806744 50%, #392E1E 100%);
    background: linear-gradient(to bottom, #C8A16C 0%, #806744 50%, #392E1E 100%);
}
</style>