#11151C - #35464F | 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 #11151C a #35464F

#11151C #35464F

Calcule el color entre dos colores, #11151C y #35464F. 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)

#11151C - #35464F | 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 #11151C como 0% y #35464F como 100%.

0.0%	0.0% #11151C	RGB 17 21 28	#11151C
16.7%	16.7% #171D24	RGB 23 29 36	#171D24
33.3%	33.3% #1D252D	RGB 29 37 45	#1D252D
50.0%	50.0% #232D35	RGB 35 45 53	#232D35
66.7%	66.7% #29353E	RGB 41 53 62	#29353E
83.3%	83.3% #2F3D46	RGB 47 61 70	#2F3D46
100.0%	100.0% #35464F	RGB 53 70 79	#35464F

#11151C #171D24 #1D252D #232D35 #29353E #2F3D46 #35464F

#11151C - #35464F

Mezcla HSV

#11151C - #35464F | 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 #11151C como 0% y #35464F como 100%.

0.0%	0.0% #11151C	RGB 17 21 28	#11151C
16.7%	16.7% #161C24	RGB 22 28 36	#161C24
33.3%	33.3% #1C232D	RGB 28 35 45	#1C232D
50.0%	50.0% #222C35	RGB 34 44 53	#222C35
66.7%	66.7% #28343E	RGB 40 52 62	#28343E
83.3%	83.3% #2E3D46	RGB 46 61 70	#2E3D46
100.0%	100.0% #35464F	RGB 53 70 79	#35464F

#11151C #161C24 #1C232D #222C35 #28343E #2E3D46 #35464F

#11151C - #222C35 - #35464F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11151C 0%, #222C35 50%, #35464F 100%);
    background: -webkit-linear-gradient(top, #11151C 0%, #222C35 50%, #35464F 100%);
    background: linear-gradient(to bottom, #11151C 0%, #222C35 50%, #35464F 100%);
}
</style>