#39323D - #100C0C | 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 #39323D a #100C0C

#39323D #100C0C

Calcule el color entre dos colores, #39323D y #100C0C. 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)

#39323D - #100C0C | 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 #39323D como 0% y #100C0C como 100%.

0.0%	0.0% #39323D	RGB 57 50 61	#39323D
16.7%	16.7% #322B34	RGB 50 43 52	#322B34
33.3%	33.3% #2B252C	RGB 43 37 44	#2B252C
50.0%	50.0% #241F24	RGB 36 31 36	#241F24
66.7%	66.7% #1D181C	RGB 29 24 28	#1D181C
83.3%	83.3% #161214	RGB 22 18 20	#161214
100.0%	100.0% #100C0C	RGB 16 12 12	#100C0C

#39323D #322B34 #2B252C #241F24 #1D181C #161214 #100C0C

#39323D - #100C0C

Mezcla HSV

#39323D - #100C0C | 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 #39323D como 0% y #100C0C como 100%.

0.0%	0.0% #39323D	RGB 57 50 61	#39323D
16.7%	16.7% #342B35	RGB 52 43 53	#342B35
33.3%	33.3% #2E242D	RGB 46 36 45	#2E242D
50.0%	50.0% #261E23	RGB 38 30 35	#261E23
66.7%	66.7% #1F171B	RGB 31 23 27	#1F171B
83.3%	83.3% #171113	RGB 23 17 19	#171113
100.0%	100.0% #100C0C	RGB 16 12 12	#100C0C

#39323D #342B35 #2E242D #261E23 #1F171B #171113 #100C0C

#39323D - #261E23 - #100C0C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39323D 0%, #261E23 50%, #100C0C 100%);
    background: -webkit-linear-gradient(top, #39323D 0%, #261E23 50%, #100C0C 100%);
    background: linear-gradient(to bottom, #39323D 0%, #261E23 50%, #100C0C 100%);
}
</style>