#3E3E3C - #A98462 | 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 #3E3E3C a #A98462

#3E3E3C #A98462

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

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #4F4942	RGB 79 73 66	#4F4942
33.3%	33.3% #615548	RGB 97 85 72	#615548
50.0%	50.0% #73614F	RGB 115 97 79	#73614F
66.7%	66.7% #856C55	RGB 133 108 85	#856C55
83.3%	83.3% #97785B	RGB 151 120 91	#97785B
100.0%	100.0% #A98462	RGB 169 132 98	#A98462

#3E3E3C #4F4942 #615548 #73614F #856C55 #97785B #A98462

#3E3E3C - #A98462

Mezcla HSV

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

0.0%	0.0% #3E3E3C	RGB 62 62 60	#3E3E3C
16.7%	16.7% #4F4F48	RGB 79 79 72	#4F4F48
33.3%	33.3% #615E51	RGB 97 94 81	#615E51
50.0%	50.0% #736C59	RGB 115 108 89	#736C59
66.7%	66.7% #85775E	RGB 133 119 94	#85775E
83.3%	83.3% #977F61	RGB 151 127 97	#977F61
100.0%	100.0% #A98462	RGB 169 132 98	#A98462

#3E3E3C #4F4F48 #615E51 #736C59 #85775E #977F61 #A98462

#3E3E3C - #736C59 - #A98462

Códigos CSS

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

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