#2D2D2D - #411000 | 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 #2D2D2D a #411000

#2D2D2D #411000

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

#2D2D2D - #411000 | 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 #2D2D2D como 0% y #411000 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302825	RGB 48 40 37	#302825
33.3%	33.3% #33231E	RGB 51 35 30	#33231E
50.0%	50.0% #371E16	RGB 55 30 22	#371E16
66.7%	66.7% #3A190E	RGB 58 25 14	#3A190E
83.3%	83.3% #3D1407	RGB 61 20 7	#3D1407
100.0%	100.0% #411000	RGB 65 16 0	#411000

#2D2D2D #302825 #33231E #371E16 #3A190E #3D1407 #411000

#2D2D2D - #411000

Mezcla HSV

#2D2D2D - #411000 | 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 #2D2D2D como 0% y #411000 como 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302828	RGB 48 40 40	#302828
33.3%	33.3% #332322	RGB 51 35 34	#332322
50.0%	50.0% #371E1B	RGB 55 30 27	#371E1B
66.7%	66.7% #3A1913	RGB 58 25 19	#3A1913
83.3%	83.3% #3D140A	RGB 61 20 10	#3D140A
100.0%	100.0% #411000	RGB 65 16 0	#411000

#2D2D2D #302828 #332322 #371E1B #3A1913 #3D140A #411000

#2D2D2D - #371E1B - #411000

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D2D 0%, #371E1B 50%, #411000 100%);
    background: -webkit-linear-gradient(top, #2D2D2D 0%, #371E1B 50%, #411000 100%);
    background: linear-gradient(to bottom, #2D2D2D 0%, #371E1B 50%, #411000 100%);
}
</style>