#1D2B2D - #080C0C | 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 #1D2B2D a #080C0C

#1D2B2D #080C0C

Calcule el color entre dos colores, #1D2B2D y #080C0C. 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)

#1D2B2D - #080C0C | 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 #1D2B2D como 0% y #080C0C como 100%.

0.0%	0.0% #1D2B2D	RGB 29 43 45	#1D2B2D
16.7%	16.7% #192527	RGB 25 37 39	#192527
33.3%	33.3% #162022	RGB 22 32 34	#162022
50.0%	50.0% #121B1C	RGB 18 27 28	#121B1C
66.7%	66.7% #0F1617	RGB 15 22 23	#0F1617
83.3%	83.3% #0B1111	RGB 11 17 17	#0B1111
100.0%	100.0% #080C0C	RGB 8 12 12	#080C0C

#1D2B2D #192527 #162022 #121B1C #0F1617 #0B1111 #080C0C

#1D2B2D - #080C0C

Mezcla HSV

#1D2B2D - #080C0C | 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 #1D2B2D como 0% y #080C0C como 100%.

0.0%	0.0% #1D2B2D	RGB 29 43 45	#1D2B2D
16.7%	16.7% #192627	RGB 25 38 39	#192627
33.3%	33.3% #162122	RGB 22 33 34	#162122
50.0%	50.0% #121B1C	RGB 18 27 28	#121B1C
66.7%	66.7% #0F1617	RGB 15 22 23	#0F1617
83.3%	83.3% #0B1111	RGB 11 17 17	#0B1111
100.0%	100.0% #080C0C	RGB 8 12 12	#080C0C

#1D2B2D #192627 #162122 #121B1C #0F1617 #0B1111 #080C0C

#1D2B2D - #121B1C - #080C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D2B2D 0%, #121B1C 50%, #080C0C 100%);
    background: -webkit-linear-gradient(top, #1D2B2D 0%, #121B1C 50%, #080C0C 100%);
    background: linear-gradient(to bottom, #1D2B2D 0%, #121B1C 50%, #080C0C 100%);
}
</style>