#C0C1CD - #36373A | 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 #C0C1CD a #36373A

#C0C1CD #36373A

Calcule el color entre dos colores, #C0C1CD y #36373A. 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)

#C0C1CD - #36373A | 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 #C0C1CD como 0% y #36373A como 100%.

0.0%	0.0% #C0C1CD	RGB 192 193 205	#C0C1CD
16.7%	16.7% #A9AAB4	RGB 169 170 180	#A9AAB4
33.3%	33.3% #92939C	RGB 146 147 156	#92939C
50.0%	50.0% #7B7C83	RGB 123 124 131	#7B7C83
66.7%	66.7% #64656B	RGB 100 101 107	#64656B
83.3%	83.3% #4D4E52	RGB 77 78 82	#4D4E52
100.0%	100.0% #36373A	RGB 54 55 58	#36373A

#C0C1CD #A9AAB4 #92939C #7B7C83 #64656B #4D4E52 #36373A

#C0C1CD - #36373A

Mezcla HSV

#C0C1CD - #36373A | 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 #C0C1CD como 0% y #36373A como 100%.

0.0%	0.0% #C0C1CD	RGB 192 193 205	#C0C1CD
16.7%	16.7% #A8AAB4	RGB 168 170 180	#A8AAB4
33.3%	33.3% #91939C	RGB 145 147 156	#91939C
50.0%	50.0% #7A7C83	RGB 122 124 131	#7A7C83
66.7%	66.7% #63656B	RGB 99 101 107	#63656B
83.3%	83.3% #4C4E52	RGB 76 78 82	#4C4E52
100.0%	100.0% #36373A	RGB 54 55 58	#36373A

#C0C1CD #A8AAB4 #91939C #7A7C83 #63656B #4C4E52 #36373A

#C0C1CD - #7A7C83 - #36373A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0C1CD 0%, #7A7C83 50%, #36373A 100%);
    background: -webkit-linear-gradient(top, #C0C1CD 0%, #7A7C83 50%, #36373A 100%);
    background: linear-gradient(to bottom, #C0C1CD 0%, #7A7C83 50%, #36373A 100%);
}
</style>