#D9D8D9 - #3E3D3E | 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 #D9D8D9 a #3E3D3E

#D9D8D9 #3E3D3E

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

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

0.0%	0.0% #D9D8D9	RGB 217 216 217	#D9D8D9
16.7%	16.7% #BFBEBF	RGB 191 190 191	#BFBEBF
33.3%	33.3% #A5A4A5	RGB 165 164 165	#A5A4A5
50.0%	50.0% #8B8A8B	RGB 139 138 139	#8B8A8B
66.7%	66.7% #717071	RGB 113 112 113	#717071
83.3%	83.3% #575657	RGB 87 86 87	#575657
100.0%	100.0% #3E3D3E	RGB 62 61 62	#3E3D3E

#D9D8D9 #BFBEBF #A5A4A5 #8B8A8B #717071 #575657 #3E3D3E

#D9D8D9 - #3E3D3E

Mezcla HSV

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

0.0%	0.0% #D9D8D9	RGB 217 216 217	#D9D8D9
16.7%	16.7% #BFBDBF	RGB 191 189 191	#BFBDBF
33.3%	33.3% #A5A3A5	RGB 165 163 165	#A5A3A5
50.0%	50.0% #8B8A8B	RGB 139 138 139	#8B8A8B
66.7%	66.7% #717071	RGB 113 112 113	#717071
83.3%	83.3% #575657	RGB 87 86 87	#575657
100.0%	100.0% #3E3D3E	RGB 62 61 62	#3E3D3E

#D9D8D9 #BFBDBF #A5A3A5 #8B8A8B #717071 #575657 #3E3D3E

#D9D8D9 - #8B8A8B - #3E3D3E

Códigos CSS

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

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