#262C24 - #C0C2C0 | 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 #262C24 a #C0C2C0

#262C24 #C0C2C0

Calcule el color entre dos colores, #262C24 y #C0C2C0. 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)

#262C24 - #C0C2C0 | 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 #262C24 como 0% y #C0C2C0 como 100%.

0.0%	0.0% #262C24	RGB 38 44 36	#262C24
16.7%	16.7% #3F453E	RGB 63 69 62	#3F453E
33.3%	33.3% #595E58	RGB 89 94 88	#595E58
50.0%	50.0% #737772	RGB 115 119 114	#737772
66.7%	66.7% #8C908C	RGB 140 144 140	#8C908C
83.3%	83.3% #A6A9A6	RGB 166 169 166	#A6A9A6
100.0%	100.0% #C0C2C0	RGB 192 194 192	#C0C2C0

#262C24 #3F453E #595E58 #737772 #8C908C #A6A9A6 #C0C2C0

#262C24 - #C0C2C0

Mezcla HSV

#262C24 - #C0C2C0 | 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 #262C24 como 0% y #C0C2C0 como 100%.

0.0%	0.0% #262C24	RGB 38 44 36	#262C24
16.7%	16.7% #3C453A	RGB 60 69 58	#3C453A
33.3%	33.3% #545E52	RGB 84 94 82	#545E52
50.0%	50.0% #6C776B	RGB 108 119 107	#6C776B
66.7%	66.7% #879086	RGB 135 144 134	#879086
83.3%	83.3% #A2A9A2	RGB 162 169 162	#A2A9A2
100.0%	100.0% #C0C2C0	RGB 192 194 192	#C0C2C0

#262C24 #3C453A #545E52 #6C776B #879086 #A2A9A2 #C0C2C0

#262C24 - #6C776B - #C0C2C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #262C24 0%, #6C776B 50%, #C0C2C0 100%);
    background: -webkit-linear-gradient(top, #262C24 0%, #6C776B 50%, #C0C2C0 100%);
    background: linear-gradient(to bottom, #262C24 0%, #6C776B 50%, #C0C2C0 100%);
}
</style>