#403D3C - #C8C7C7 | 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 #403D3C a #C8C7C7

#403D3C #C8C7C7

Calcule el color entre dos colores, #403D3C y #C8C7C7. 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)

#403D3C - #C8C7C7 | 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 #403D3C como 0% y #C8C7C7 como 100%.

0.0%	0.0% #403D3C	RGB 64 61 60	#403D3C
16.7%	16.7% #565453	RGB 86 84 83	#565453
33.3%	33.3% #6D6B6A	RGB 109 107 106	#6D6B6A
50.0%	50.0% #848281	RGB 132 130 129	#848281
66.7%	66.7% #9A9998	RGB 154 153 152	#9A9998
83.3%	83.3% #B1B0AF	RGB 177 176 175	#B1B0AF
100.0%	100.0% #C8C7C7	RGB 200 199 199	#C8C7C7

#403D3C #565453 #6D6B6A #848281 #9A9998 #B1B0AF #C8C7C7

#403D3C - #C8C7C7

Mezcla HSV

#403D3C - #C8C7C7 | 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 #403D3C como 0% y #C8C7C7 como 100%.

0.0%	0.0% #403D3C	RGB 64 61 60	#403D3C
16.7%	16.7% #565352	RGB 86 83 82	#565352
33.3%	33.3% #6D6968	RGB 109 105 104	#6D6968
50.0%	50.0% #84807F	RGB 132 128 127	#84807F
66.7%	66.7% #9A9796	RGB 154 151 150	#9A9796
83.3%	83.3% #B1AEAE	RGB 177 174 174	#B1AEAE
100.0%	100.0% #C8C7C7	RGB 200 199 199	#C8C7C7

#403D3C #565352 #6D6968 #84807F #9A9796 #B1AEAE #C8C7C7

#403D3C - #84807F - #C8C7C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #403D3C 0%, #84807F 50%, #C8C7C7 100%);
    background: -webkit-linear-gradient(top, #403D3C 0%, #84807F 50%, #C8C7C7 100%);
    background: linear-gradient(to bottom, #403D3C 0%, #84807F 50%, #C8C7C7 100%);
}
</style>