#3B1B2D - #020010 | 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 #3B1B2D a #020010

#3B1B2D #020010

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

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

0.0%	0.0% #3B1B2D	RGB 59 27 45	#3B1B2D
16.7%	16.7% #311628	RGB 49 22 40	#311628
33.3%	33.3% #281223	RGB 40 18 35	#281223
50.0%	50.0% #1E0D1E	RGB 30 13 30	#1E0D1E
66.7%	66.7% #150919	RGB 21 9 25	#150919
83.3%	83.3% #0B0414	RGB 11 4 20	#0B0414
100.0%	100.0% #020010	RGB 2 0 16	#020010

#3B1B2D #311628 #281223 #1E0D1E #150919 #0B0414 #020010

#3B1B2D - #020010

Mezcla HSV

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

0.0%	0.0% #3B1B2D	RGB 59 27 45	#3B1B2D
16.7%	16.7% #33132C	RGB 51 19 44	#33132C
33.3%	33.3% #2C0D2C	RGB 44 13 44	#2C0D2C
50.0%	50.0% #1F0825	RGB 31 8 37	#1F0825
66.7%	66.7% #13041E	RGB 19 4 30	#13041E
83.3%	83.3% #090117	RGB 9 1 23	#090117
100.0%	100.0% #020010	RGB 2 0 16	#020010

#3B1B2D #33132C #2C0D2C #1F0825 #13041E #090117 #020010

#3B1B2D - #1F0825 - #020010

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B1B2D 0%, #1F0825 50%, #020010 100%);
    background: -webkit-linear-gradient(top, #3B1B2D 0%, #1F0825 50%, #020010 100%);
    background: linear-gradient(to bottom, #3B1B2D 0%, #1F0825 50%, #020010 100%);
}
</style>