#403E3E - #4A1803 | 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 #403E3E a #4A1803

#403E3E #4A1803

Calcule el color entre dos colores, #403E3E y #4A1803. 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)

#403E3E - #4A1803 | 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 #403E3E como 0% y #4A1803 como 100%.

0.0%	0.0% #403E3E	RGB 64 62 62	#403E3E
16.7%	16.7% #413734	RGB 65 55 52	#413734
33.3%	33.3% #43312A	RGB 67 49 42	#43312A
50.0%	50.0% #452B20	RGB 69 43 32	#452B20
66.7%	66.7% #462416	RGB 70 36 22	#462416
83.3%	83.3% #481E0C	RGB 72 30 12	#481E0C
100.0%	100.0% #4A1803	RGB 74 24 3	#4A1803

#403E3E #413734 #43312A #452B20 #462416 #481E0C #4A1803

#403E3E - #4A1803

Mezcla HSV

#403E3E - #4A1803 | 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 #403E3E como 0% y #4A1803 como 100%.

0.0%	0.0% #403E3E	RGB 64 62 62	#403E3E
16.7%	16.7% #413635	RGB 65 54 53	#413635
33.3%	33.3% #432E2C	RGB 67 46 44	#432E2C
50.0%	50.0% #452722	RGB 69 39 34	#452722
66.7%	66.7% #462118	RGB 70 33 24	#462118
83.3%	83.3% #481C0E	RGB 72 28 14	#481C0E
100.0%	100.0% #4A1803	RGB 74 24 3	#4A1803

#403E3E #413635 #432E2C #452722 #462118 #481C0E #4A1803

#403E3E - #452722 - #4A1803

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403E3E 0%, #452722 50%, #4A1803 100%);
    background: -webkit-linear-gradient(top, #403E3E 0%, #452722 50%, #4A1803 100%);
    background: linear-gradient(to bottom, #403E3E 0%, #452722 50%, #4A1803 100%);
}
</style>