#353D32 - #C4C7C4 | 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 #353D32 a #C4C7C4

#353D32 #C4C7C4

Calcule el color entre dos colores, #353D32 y #C4C7C4. 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)

#353D32 - #C4C7C4 | 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 #353D32 como 0% y #C4C7C4 como 100%.

0.0%	0.0% #353D32	RGB 53 61 50	#353D32
16.7%	16.7% #4C544A	RGB 76 84 74	#4C544A
33.3%	33.3% #646B62	RGB 100 107 98	#646B62
50.0%	50.0% #7C827B	RGB 124 130 123	#7C827B
66.7%	66.7% #949993	RGB 148 153 147	#949993
83.3%	83.3% #ACB0AB	RGB 172 176 171	#ACB0AB
100.0%	100.0% #C4C7C4	RGB 196 199 196	#C4C7C4

#353D32 #4C544A #646B62 #7C827B #949993 #ACB0AB #C4C7C4

#353D32 - #C4C7C4

Mezcla HSV

#353D32 - #C4C7C4 | 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 #353D32 como 0% y #C4C7C4 como 100%.

0.0%	0.0% #353D32	RGB 53 61 50	#353D32
16.7%	16.7% #4A5447	RGB 74 84 71	#4A5447
33.3%	33.3% #606B5D	RGB 96 107 93	#606B5D
50.0%	50.0% #778275	RGB 119 130 117	#778275
66.7%	66.7% #8F998E	RGB 143 153 142	#8F998E
83.3%	83.3% #A8B0A8	RGB 168 176 168	#A8B0A8
100.0%	100.0% #C4C7C4	RGB 196 199 196	#C4C7C4

#353D32 #4A5447 #606B5D #778275 #8F998E #A8B0A8 #C4C7C4

#353D32 - #778275 - #C4C7C4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353D32 0%, #778275 50%, #C4C7C4 100%);
    background: -webkit-linear-gradient(top, #353D32 0%, #778275 50%, #C4C7C4 100%);
    background: linear-gradient(to bottom, #353D32 0%, #778275 50%, #C4C7C4 100%);
}
</style>