#2D2C24 - #8A6D4D | 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 #2D2C24 a #8A6D4D

#2D2C24 #8A6D4D

Calcule el color entre dos colores, #2D2C24 y #8A6D4D. 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)

#2D2C24 - #8A6D4D | 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 #2D2C24 como 0% y #8A6D4D como 100%.

0.0%	0.0% #2D2C24	RGB 45 44 36	#2D2C24
16.7%	16.7% #3C362A	RGB 60 54 42	#3C362A
33.3%	33.3% #4C4131	RGB 76 65 49	#4C4131
50.0%	50.0% #5B4C38	RGB 91 76 56	#5B4C38
66.7%	66.7% #6B573F	RGB 107 87 63	#6B573F
83.3%	83.3% #7A6246	RGB 122 98 70	#7A6246
100.0%	100.0% #8A6D4D	RGB 138 109 77	#8A6D4D

#2D2C24 #3C362A #4C4131 #5B4C38 #6B573F #7A6246 #8A6D4D

#2D2C24 - #8A6D4D

Mezcla HSV

#2D2C24 - #8A6D4D | 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 #2D2C24 como 0% y #8A6D4D como 100%.

0.0%	0.0% #2D2C24	RGB 45 44 36	#2D2C24
16.7%	16.7% #3C3A2D	RGB 60 58 45	#3C3A2D
33.3%	33.3% #4C4736	RGB 76 71 54	#4C4736
50.0%	50.0% #5B523E	RGB 91 82 62	#5B523E
66.7%	66.7% #6B5D44	RGB 107 93 68	#6B5D44
83.3%	83.3% #7A6649	RGB 122 102 73	#7A6649
100.0%	100.0% #8A6D4D	RGB 138 109 77	#8A6D4D

#2D2C24 #3C3A2D #4C4736 #5B523E #6B5D44 #7A6649 #8A6D4D

#2D2C24 - #5B523E - #8A6D4D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2C24 0%, #5B523E 50%, #8A6D4D 100%);
    background: -webkit-linear-gradient(top, #2D2C24 0%, #5B523E 50%, #8A6D4D 100%);
    background: linear-gradient(to bottom, #2D2C24 0%, #5B523E 50%, #8A6D4D 100%);
}
</style>