#8D8D9B - #DEDEE2 | 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 #8D8D9B a #DEDEE2

#8D8D9B #DEDEE2

Calcule el color entre dos colores, #8D8D9B y #DEDEE2. 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)

#8D8D9B - #DEDEE2 | 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 #8D8D9B como 0% y #DEDEE2 como 100%.

0.0%	0.0% #8D8D9B	RGB 141 141 155	#8D8D9B
16.7%	16.7% #9A9AA6	RGB 154 154 166	#9A9AA6
33.3%	33.3% #A8A8B2	RGB 168 168 178	#A8A8B2
50.0%	50.0% #B5B5BE	RGB 181 181 190	#B5B5BE
66.7%	66.7% #C3C3CA	RGB 195 195 202	#C3C3CA
83.3%	83.3% #D0D0D6	RGB 208 208 214	#D0D0D6
100.0%	100.0% #DEDEE2	RGB 222 222 226	#DEDEE2

#8D8D9B #9A9AA6 #A8A8B2 #B5B5BE #C3C3CA #D0D0D6 #DEDEE2

#8D8D9B - #DEDEE2

Mezcla HSV

#8D8D9B - #DEDEE2 | 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 #8D8D9B como 0% y #DEDEE2 como 100%.

0.0%	0.0% #8D8D9B	RGB 141 141 155	#8D8D9B
16.7%	16.7% #9999A6	RGB 153 153 166	#9999A6
33.3%	33.3% #A6A6B2	RGB 166 166 178	#A6A6B2
50.0%	50.0% #B4B4BE	RGB 180 180 190	#B4B4BE
66.7%	66.7% #C1C1CA	RGB 193 193 202	#C1C1CA
83.3%	83.3% #CFCFD6	RGB 207 207 214	#CFCFD6
100.0%	100.0% #DEDEE2	RGB 222 222 226	#DEDEE2

#8D8D9B #9999A6 #A6A6B2 #B4B4BE #C1C1CA #CFCFD6 #DEDEE2

#8D8D9B - #B4B4BE - #DEDEE2

Códigos CSS

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

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