#3E3D3C - #C7C7C7 | 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 #3E3D3C a #C7C7C7

#3E3D3C #C7C7C7

Calcule el color entre dos colores, #3E3D3C y #C7C7C7. 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)

#3E3D3C - #C7C7C7 | 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 #3E3D3C como 0% y #C7C7C7 como 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #545453	RGB 84 84 83	#545453
33.3%	33.3% #6B6B6A	RGB 107 107 106	#6B6B6A
50.0%	50.0% #828281	RGB 130 130 129	#828281
66.7%	66.7% #999998	RGB 153 153 152	#999998
83.3%	83.3% #B0B0AF	RGB 176 176 175	#B0B0AF
100.0%	100.0% #C7C7C7	RGB 199 199 199	#C7C7C7

#3E3D3C #545453 #6B6B6A #828281 #999998 #B0B0AF #C7C7C7

#3E3D3C - #C7C7C7

Mezcla HSV

#3E3D3C - #C7C7C7 | 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 #3E3D3C como 0% y #C7C7C7 como 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #545352	RGB 84 83 82	#545352
33.3%	33.3% #6B6A69	RGB 107 106 105	#6B6A69
50.0%	50.0% #828080	RGB 130 128 128	#828080
66.7%	66.7% #999797	RGB 153 151 151	#999797
83.3%	83.3% #B0AFAF	RGB 176 175 175	#B0AFAF
100.0%	100.0% #C7C7C7	RGB 199 199 199	#C7C7C7

#3E3D3C #545352 #6B6A69 #828080 #999797 #B0AFAF #C7C7C7

#3E3D3C - #828080 - #C7C7C7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3D3C 0%, #828080 50%, #C7C7C7 100%);
    background: -webkit-linear-gradient(top, #3E3D3C 0%, #828080 50%, #C7C7C7 100%);
    background: linear-gradient(to bottom, #3E3D3C 0%, #828080 50%, #C7C7C7 100%);
}
</style>