#63635E - #D2D2D1 | 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 #63635E a #D2D2D1

#63635E #D2D2D1

Calcule el color entre dos colores, #63635E y #D2D2D1. 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)

#63635E - #D2D2D1 | 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 #63635E como 0% y #D2D2D1 como 100%.

0.0%	0.0% #63635E	RGB 99 99 94	#63635E
16.7%	16.7% #757571	RGB 117 117 113	#757571
33.3%	33.3% #888884	RGB 136 136 132	#888884
50.0%	50.0% #9A9A97	RGB 154 154 151	#9A9A97
66.7%	66.7% #ADADAA	RGB 173 173 170	#ADADAA
83.3%	83.3% #BFBFBD	RGB 191 191 189	#BFBFBD
100.0%	100.0% #D2D2D1	RGB 210 210 209	#D2D2D1

#63635E #757571 #888884 #9A9A97 #ADADAA #BFBFBD #D2D2D1

#63635E - #D2D2D1

Mezcla HSV

#63635E - #D2D2D1 | 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 #63635E como 0% y #D2D2D1 como 100%.

0.0%	0.0% #63635E	RGB 99 99 94	#63635E
16.7%	16.7% #757570	RGB 117 117 112	#757570
33.3%	33.3% #888883	RGB 136 136 131	#888883
50.0%	50.0% #9A9A96	RGB 154 154 150	#9A9A96
66.7%	66.7% #ADADA9	RGB 173 173 169	#ADADA9
83.3%	83.3% #BFBFBD	RGB 191 191 189	#BFBFBD
100.0%	100.0% #D2D2D1	RGB 210 210 209	#D2D2D1

#63635E #757570 #888883 #9A9A96 #ADADA9 #BFBFBD #D2D2D1

#63635E - #9A9A96 - #D2D2D1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #63635E 0%, #9A9A96 50%, #D2D2D1 100%);
    background: -webkit-linear-gradient(top, #63635E 0%, #9A9A96 50%, #D2D2D1 100%);
    background: linear-gradient(to bottom, #63635E 0%, #9A9A96 50%, #D2D2D1 100%);
}
</style>