#3C4249 - #C7C9CB | 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 #3C4249 a #C7C9CB

#3C4249 #C7C9CB

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

#3C4249 - #C7C9CB | 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 #3C4249 como 0% y #C7C9CB como 100%.

0.0%	0.0% #3C4249	RGB 60 66 73	#3C4249
16.7%	16.7% #53585E	RGB 83 88 94	#53585E
33.3%	33.3% #6A6F74	RGB 106 111 116	#6A6F74
50.0%	50.0% #81858A	RGB 129 133 138	#81858A
66.7%	66.7% #989C9F	RGB 152 156 159	#989C9F
83.3%	83.3% #AFB2B5	RGB 175 178 181	#AFB2B5
100.0%	100.0% #C7C9CB	RGB 199 201 203	#C7C9CB

#3C4249 #53585E #6A6F74 #81858A #989C9F #AFB2B5 #C7C9CB

#3C4249 - #C7C9CB

Mezcla HSV

#3C4249 - #C7C9CB | 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 #3C4249 como 0% y #C7C9CB como 100%.

0.0%	0.0% #3C4249	RGB 60 66 73	#3C4249
16.7%	16.7% #50575E	RGB 80 87 94	#50575E
33.3%	33.3% #656C74	RGB 101 108 116	#656C74
50.0%	50.0% #7C828A	RGB 124 130 138	#7C828A
66.7%	66.7% #94999F	RGB 148 153 159	#94999F
83.3%	83.3% #ACB1B5	RGB 172 177 181	#ACB1B5
100.0%	100.0% #C7C9CB	RGB 199 201 203	#C7C9CB

#3C4249 #50575E #656C74 #7C828A #94999F #ACB1B5 #C7C9CB

#3C4249 - #7C828A - #C7C9CB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C4249 0%, #7C828A 50%, #C7C9CB 100%);
    background: -webkit-linear-gradient(top, #3C4249 0%, #7C828A 50%, #C7C9CB 100%);
    background: linear-gradient(to bottom, #3C4249 0%, #7C828A 50%, #C7C9CB 100%);
}
</style>