#8A878C - #DDDCDE | 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 #8A878C a #DDDCDE

#8A878C #DDDCDE

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

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

0.0%	0.0% #8A878C	RGB 138 135 140	#8A878C
16.7%	16.7% #979599	RGB 151 149 153	#979599
33.3%	33.3% #A5A3A7	RGB 165 163 167	#A5A3A7
50.0%	50.0% #B3B1B5	RGB 179 177 181	#B3B1B5
66.7%	66.7% #C1BFC2	RGB 193 191 194	#C1BFC2
83.3%	83.3% #CFCDD0	RGB 207 205 208	#CFCDD0
100.0%	100.0% #DDDCDE	RGB 221 220 222	#DDDCDE

#8A878C #979599 #A5A3A7 #B3B1B5 #C1BFC2 #CFCDD0 #DDDCDE

#8A878C - #DDDCDE

Mezcla HSV

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

0.0%	0.0% #8A878C	RGB 138 135 140	#8A878C
16.7%	16.7% #979499	RGB 151 148 153	#979499
33.3%	33.3% #A5A2A7	RGB 165 162 167	#A5A2A7
50.0%	50.0% #B3B0B5	RGB 179 176 181	#B3B0B5
66.7%	66.7% #C1BFC2	RGB 193 191 194	#C1BFC2
83.3%	83.3% #CECDD0	RGB 206 205 208	#CECDD0
100.0%	100.0% #DDDCDE	RGB 221 220 222	#DDDCDE

#8A878C #979499 #A5A2A7 #B3B0B5 #C1BFC2 #CECDD0 #DDDCDE

#8A878C - #B3B0B5 - #DDDCDE

Códigos CSS

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

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