#3C3E2D - #11110C | 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 #3C3E2D a #11110C

#3C3E2D #11110C

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

#3C3E2D - #11110C | 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 #3C3E2D como 0% y #11110C como 100%.

0.0%	0.0% #3C3E2D	RGB 60 62 45	#3C3E2D
16.7%	16.7% #343627	RGB 52 54 39	#343627
33.3%	33.3% #2D2F22	RGB 45 47 34	#2D2F22
50.0%	50.0% #26271C	RGB 38 39 28	#26271C
66.7%	66.7% #1F2017	RGB 31 32 23	#1F2017
83.3%	83.3% #181811	RGB 24 24 17	#181811
100.0%	100.0% #11110C	RGB 17 17 12	#11110C

#3C3E2D #343627 #2D2F22 #26271C #1F2017 #181811 #11110C

#3C3E2D - #11110C

Mezcla HSV

#3C3E2D - #11110C | 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 #3C3E2D como 0% y #11110C como 100%.

0.0%	0.0% #3C3E2D	RGB 60 62 45	#3C3E2D
16.7%	16.7% #353627	RGB 53 54 39	#353627
33.3%	33.3% #2D2F21	RGB 45 47 33	#2D2F21
50.0%	50.0% #26271C	RGB 38 39 28	#26271C
66.7%	66.7% #1F2016	RGB 31 32 22	#1F2016
83.3%	83.3% #181811	RGB 24 24 17	#181811
100.0%	100.0% #11110C	RGB 17 17 12	#11110C

#3C3E2D #353627 #2D2F21 #26271C #1F2016 #181811 #11110C

#3C3E2D - #26271C - #11110C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E2D 0%, #26271C 50%, #11110C 100%);
    background: -webkit-linear-gradient(top, #3C3E2D 0%, #26271C 50%, #11110C 100%);
    background: linear-gradient(to bottom, #3C3E2D 0%, #26271C 50%, #11110C 100%);
}
</style>