#63645F - #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 #63645F a #D2D2D1

#63645F #D2D2D1

Calcule el color entre dos colores, #63645F 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)

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

0.0%	0.0% #63645F	RGB 99 100 95	#63645F
16.7%	16.7% #757672	RGB 117 118 114	#757672
33.3%	33.3% #888885	RGB 136 136 133	#888885
50.0%	50.0% #9A9B98	RGB 154 155 152	#9A9B98
66.7%	66.7% #ADADAB	RGB 173 173 171	#ADADAB
83.3%	83.3% #BFBFBE	RGB 191 191 190	#BFBFBE
100.0%	100.0% #D2D2D1	RGB 210 210 209	#D2D2D1

#63645F #757672 #888885 #9A9B98 #ADADAB #BFBFBE #D2D2D1

#63645F - #D2D2D1

Mezcla HSV

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

0.0%	0.0% #63645F	RGB 99 100 95	#63645F
16.7%	16.7% #757671	RGB 117 118 113	#757671
33.3%	33.3% #888883	RGB 136 136 131	#888883
50.0%	50.0% #9A9B96	RGB 154 155 150	#9A9B96
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

#63645F #757671 #888883 #9A9B96 #ADADA9 #BFBFBD #D2D2D1

#63645F - #9A9B96 - #D2D2D1

Códigos CSS

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

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