#2D2D37 - #00140E | 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 #2D2D37 a #00140E

#2D2D37 #00140E

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

#2D2D37 - #00140E | 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 #2D2D37 como 0% y #00140E como 100%.

0.0%	0.0% #2D2D37	RGB 45 45 55	#2D2D37
16.7%	16.7% #252830	RGB 37 40 48	#252830
33.3%	33.3% #1E2429	RGB 30 36 41	#1E2429
50.0%	50.0% #162022	RGB 22 32 34	#162022
66.7%	66.7% #0E1C1B	RGB 14 28 27	#0E1C1B
83.3%	83.3% #071814	RGB 7 24 20	#071814
100.0%	100.0% #00140E	RGB 0 20 14	#00140E

#2D2D37 #252830 #1E2429 #162022 #0E1C1B #071814 #00140E

#2D2D37 - #00140E

Mezcla HSV

#2D2D37 - #00140E | 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 #2D2D37 como 0% y #00140E como 100%.

0.0%	0.0% #2D2D37	RGB 45 45 55	#2D2D37
16.7%	16.7% #212431	RGB 33 36 49	#212431
33.3%	33.3% #17202B	RGB 23 32 43	#17202B
50.0%	50.0% #0F1D25	RGB 15 29 37	#0F1D25
66.7%	66.7% #081C1F	RGB 8 28 31	#081C1F
83.3%	83.3% #031917	RGB 3 25 23	#031917
100.0%	100.0% #00140E	RGB 0 20 14	#00140E

#2D2D37 #212431 #17202B #0F1D25 #081C1F #031917 #00140E

#2D2D37 - #0F1D25 - #00140E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D37 0%, #0F1D25 50%, #00140E 100%);
    background: -webkit-linear-gradient(top, #2D2D37 0%, #0F1D25 50%, #00140E 100%);
    background: linear-gradient(to bottom, #2D2D37 0%, #0F1D25 50%, #00140E 100%);
}
</style>