#5E6B5B - #D1D4D0 | 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 #5E6B5B a #D1D4D0

#5E6B5B #D1D4D0

Calcule el color entre dos colores, #5E6B5B y #D1D4D0. 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)

#5E6B5B - #D1D4D0 | 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 #5E6B5B como 0% y #D1D4D0 como 100%.

0.0%	0.0% #5E6B5B	RGB 94 107 91	#5E6B5B
16.7%	16.7% #717C6E	RGB 113 124 110	#717C6E
33.3%	33.3% #848E82	RGB 132 142 130	#848E82
50.0%	50.0% #979F95	RGB 151 159 149	#979F95
66.7%	66.7% #AAB1A9	RGB 170 177 169	#AAB1A9
83.3%	83.3% #BDC2BC	RGB 189 194 188	#BDC2BC
100.0%	100.0% #D1D4D0	RGB 209 212 208	#D1D4D0

#5E6B5B #717C6E #848E82 #979F95 #AAB1A9 #BDC2BC #D1D4D0

#5E6B5B - #D1D4D0

Mezcla HSV

#5E6B5B - #D1D4D0 | 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 #5E6B5B como 0% y #D1D4D0 como 100%.

0.0%	0.0% #5E6B5B	RGB 94 107 91	#5E6B5B
16.7%	16.7% #6F7C6C	RGB 111 124 108	#6F7C6C
33.3%	33.3% #828E7E	RGB 130 142 126	#828E7E
50.0%	50.0% #959F92	RGB 149 159 146	#959F92
66.7%	66.7% #A8B1A5	RGB 168 177 165	#A8B1A5
83.3%	83.3% #BCC2BA	RGB 188 194 186	#BCC2BA
100.0%	100.0% #D1D4D0	RGB 209 212 208	#D1D4D0

#5E6B5B #6F7C6C #828E7E #959F92 #A8B1A5 #BCC2BA #D1D4D0

#5E6B5B - #959F92 - #D1D4D0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B5B 0%, #959F92 50%, #D1D4D0 100%);
    background: -webkit-linear-gradient(top, #5E6B5B 0%, #959F92 50%, #D1D4D0 100%);
    background: linear-gradient(to bottom, #5E6B5B 0%, #959F92 50%, #D1D4D0 100%);
}
</style>