#8F9D9C - #DFE3E2 | 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 #8F9D9C a #DFE3E2

#8F9D9C #DFE3E2

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

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

0.0%	0.0% #8F9D9C	RGB 143 157 156	#8F9D9C
16.7%	16.7% #9CA8A7	RGB 156 168 167	#9CA8A7
33.3%	33.3% #A9B4B3	RGB 169 180 179	#A9B4B3
50.0%	50.0% #B7C0BF	RGB 183 192 191	#B7C0BF
66.7%	66.7% #C4CBCA	RGB 196 203 202	#C4CBCA
83.3%	83.3% #D1D7D6	RGB 209 215 214	#D1D7D6
100.0%	100.0% #DFE3E2	RGB 223 227 226	#DFE3E2

#8F9D9C #9CA8A7 #A9B4B3 #B7C0BF #C4CBCA #D1D7D6 #DFE3E2

#8F9D9C - #DFE3E2

Mezcla HSV

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

0.0%	0.0% #8F9D9C	RGB 143 157 156	#8F9D9C
16.7%	16.7% #9BA8A7	RGB 155 168 167	#9BA8A7
33.3%	33.3% #A8B4B2	RGB 168 180 178	#A8B4B2
50.0%	50.0% #B5C0BE	RGB 181 192 190	#B5C0BE
66.7%	66.7% #C3CBCA	RGB 195 203 202	#C3CBCA
83.3%	83.3% #D0D7D5	RGB 208 215 213	#D0D7D5
100.0%	100.0% #DFE3E2	RGB 223 227 226	#DFE3E2

#8F9D9C #9BA8A7 #A8B4B2 #B5C0BE #C3CBCA #D0D7D5 #DFE3E2

#8F9D9C - #B5C0BE - #DFE3E2

Códigos CSS

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

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