#2B2C24 - #C2C2C0 | 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 #2B2C24 a #C2C2C0

#2B2C24 #C2C2C0

Calcule el color entre dos colores, #2B2C24 y #C2C2C0. 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)

#2B2C24 - #C2C2C0 | 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 #2B2C24 como 0% y #C2C2C0 como 100%.

0.0%	0.0% #2B2C24	RGB 43 44 36	#2B2C24
16.7%	16.7% #44453E	RGB 68 69 62	#44453E
33.3%	33.3% #5D5E58	RGB 93 94 88	#5D5E58
50.0%	50.0% #767772	RGB 118 119 114	#767772
66.7%	66.7% #8F908C	RGB 143 144 140	#8F908C
83.3%	83.3% #A8A9A6	RGB 168 169 166	#A8A9A6
100.0%	100.0% #C2C2C0	RGB 194 194 192	#C2C2C0

#2B2C24 #44453E #5D5E58 #767772 #8F908C #A8A9A6 #C2C2C0

#2B2C24 - #C2C2C0

Mezcla HSV

#2B2C24 - #C2C2C0 | 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 #2B2C24 como 0% y #C2C2C0 como 100%.

0.0%	0.0% #2B2C24	RGB 43 44 36	#2B2C24
16.7%	16.7% #43453A	RGB 67 69 58	#43453A
33.3%	33.3% #5D5E52	RGB 93 94 82	#5D5E52
50.0%	50.0% #76776B	RGB 118 119 107	#76776B
66.7%	66.7% #8F9086	RGB 143 144 134	#8F9086
83.3%	83.3% #A8A9A2	RGB 168 169 162	#A8A9A2
100.0%	100.0% #C2C2C0	RGB 194 194 192	#C2C2C0

#2B2C24 #43453A #5D5E52 #76776B #8F9086 #A8A9A2 #C2C2C0

#2B2C24 - #76776B - #C2C2C0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2C24 0%, #76776B 50%, #C2C2C0 100%);
    background: -webkit-linear-gradient(top, #2B2C24 0%, #76776B 50%, #C2C2C0 100%);
    background: linear-gradient(to bottom, #2B2C24 0%, #76776B 50%, #C2C2C0 100%);
}
</style>