#333432 - #C4C5C4 | 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 #333432 a #C4C5C4

#333432 #C4C5C4

Calcule el color entre dos colores, #333432 y #C4C5C4. 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)

#333432 - #C4C5C4 | 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 #333432 como 0% y #C4C5C4 como 100%.

0.0%	0.0% #333432	RGB 51 52 50	#333432
16.7%	16.7% #4B4C4A	RGB 75 76 74	#4B4C4A
33.3%	33.3% #636462	RGB 99 100 98	#636462
50.0%	50.0% #7B7C7B	RGB 123 124 123	#7B7C7B
66.7%	66.7% #939493	RGB 147 148 147	#939493
83.3%	83.3% #ABACAB	RGB 171 172 171	#ABACAB
100.0%	100.0% #C4C5C4	RGB 196 197 196	#C4C5C4

#333432 #4B4C4A #636462 #7B7C7B #939493 #ABACAB #C4C5C4

#333432 - #C4C5C4

Mezcla HSV

#333432 - #C4C5C4 | 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 #333432 como 0% y #C4C5C4 como 100%.

0.0%	0.0% #333432	RGB 51 52 50	#333432
16.7%	16.7% #4A4C49	RGB 74 76 73	#4A4C49
33.3%	33.3% #626461	RGB 98 100 97	#626461
50.0%	50.0% #7A7C79	RGB 122 124 121	#7A7C79
66.7%	66.7% #929492	RGB 146 148 146	#929492
83.3%	83.3% #ABACAA	RGB 171 172 170	#ABACAA
100.0%	100.0% #C4C5C4	RGB 196 197 196	#C4C5C4

#333432 #4A4C49 #626461 #7A7C79 #929492 #ABACAA #C4C5C4

#333432 - #7A7C79 - #C4C5C4

Códigos CSS

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

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