#676864 - #D3D3D2 | 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 #676864 a #D3D3D2

#676864 #D3D3D2

Calcule el color entre dos colores, #676864 y #D3D3D2. 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)

#676864 - #D3D3D2 | 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 #676864 como 0% y #D3D3D2 como 100%.

0.0%	0.0% #676864	RGB 103 104 100	#676864
16.7%	16.7% #797976	RGB 121 121 118	#797976
33.3%	33.3% #8B8B88	RGB 139 139 136	#8B8B88
50.0%	50.0% #9D9D9B	RGB 157 157 155	#9D9D9B
66.7%	66.7% #AFAFAD	RGB 175 175 173	#AFAFAD
83.3%	83.3% #C1C1BF	RGB 193 193 191	#C1C1BF
100.0%	100.0% #D3D3D2	RGB 211 211 210	#D3D3D2

#676864 #797976 #8B8B88 #9D9D9B #AFAFAD #C1C1BF #D3D3D2

#676864 - #D3D3D2

Mezcla HSV

#676864 - #D3D3D2 | 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 #676864 como 0% y #D3D3D2 como 100%.

0.0%	0.0% #676864	RGB 103 104 100	#676864
16.7%	16.7% #787975	RGB 120 121 117	#787975
33.3%	33.3% #8B8B87	RGB 139 139 135	#8B8B87
50.0%	50.0% #9D9D9A	RGB 157 157 154	#9D9D9A
66.7%	66.7% #AFAFAC	RGB 175 175 172	#AFAFAC
83.3%	83.3% #C1C1BF	RGB 193 193 191	#C1C1BF
100.0%	100.0% #D3D3D2	RGB 211 211 210	#D3D3D2

#676864 #787975 #8B8B87 #9D9D9A #AFAFAC #C1C1BF #D3D3D2

#676864 - #9D9D9A - #D3D3D2

Códigos CSS

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

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