#2C2D24 - #C2C3C0 | 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 #2C2D24 a #C2C3C0

#2C2D24 #C2C3C0

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

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

0.0%	0.0% #2C2D24	RGB 44 45 36	#2C2D24
16.7%	16.7% #45463E	RGB 69 70 62	#45463E
33.3%	33.3% #5E5F58	RGB 94 95 88	#5E5F58
50.0%	50.0% #777872	RGB 119 120 114	#777872
66.7%	66.7% #90918C	RGB 144 145 140	#90918C
83.3%	83.3% #A9AAA6	RGB 169 170 166	#A9AAA6
100.0%	100.0% #C2C3C0	RGB 194 195 192	#C2C3C0

#2C2D24 #45463E #5E5F58 #777872 #90918C #A9AAA6 #C2C3C0

#2C2D24 - #C2C3C0

Mezcla HSV

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

0.0%	0.0% #2C2D24	RGB 44 45 36	#2C2D24
16.7%	16.7% #44463A	RGB 68 70 58	#44463A
33.3%	33.3% #5C5F51	RGB 92 95 81	#5C5F51
50.0%	50.0% #75786B	RGB 117 120 107	#75786B
66.7%	66.7% #8E9185	RGB 142 145 133	#8E9185
83.3%	83.3% #A7AAA2	RGB 167 170 162	#A7AAA2
100.0%	100.0% #C2C3C0	RGB 194 195 192	#C2C3C0

#2C2D24 #44463A #5C5F51 #75786B #8E9185 #A7AAA2 #C2C3C0

#2C2D24 - #75786B - #C2C3C0

Códigos CSS

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

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