#3D3E36 - #C7C7C5 | 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 #3D3E36 a #C7C7C5

#3D3E36 #C7C7C5

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

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

0.0%	0.0% #3D3E36	RGB 61 62 54	#3D3E36
16.7%	16.7% #54544D	RGB 84 84 77	#54544D
33.3%	33.3% #6B6B65	RGB 107 107 101	#6B6B65
50.0%	50.0% #82827D	RGB 130 130 125	#82827D
66.7%	66.7% #999995	RGB 153 153 149	#999995
83.3%	83.3% #B0B0AD	RGB 176 176 173	#B0B0AD
100.0%	100.0% #C7C7C5	RGB 199 199 197	#C7C7C5

#3D3E36 #54544D #6B6B65 #82827D #999995 #B0B0AD #C7C7C5

#3D3E36 - #C7C7C5

Mezcla HSV

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

0.0%	0.0% #3D3E36	RGB 61 62 54	#3D3E36
16.7%	16.7% #53544B	RGB 83 84 75	#53544B
33.3%	33.3% #6A6B62	RGB 106 107 98	#6A6B62
50.0%	50.0% #818279	RGB 129 130 121	#818279
66.7%	66.7% #999991	RGB 153 153 145	#999991
83.3%	83.3% #B0B0AA	RGB 176 176 170	#B0B0AA
100.0%	100.0% #C7C7C5	RGB 199 199 197	#C7C7C5

#3D3E36 #53544B #6A6B62 #818279 #999991 #B0B0AA #C7C7C5

#3D3E36 - #818279 - #C7C7C5

Códigos CSS

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

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