#7D8F8C - #C091FF | 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 #7D8F8C a #C091FF

#7D8F8C #C091FF

Calcule el color entre dos colores, #7D8F8C y #C091FF. 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)

#7D8F8C - #C091FF | 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 #7D8F8C como 0% y #C091FF como 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #888F9F	RGB 136 143 159	#888F9F
33.3%	33.3% #938FB2	RGB 147 143 178	#938FB2
50.0%	50.0% #9E90C5	RGB 158 144 197	#9E90C5
66.7%	66.7% #A990D8	RGB 169 144 216	#A990D8
83.3%	83.3% #B490EB	RGB 180 144 235	#B490EB
100.0%	100.0% #C091FF	RGB 192 145 255	#C091FF

#7D8F8C #888F9F #938FB2 #9E90C5 #A990D8 #B490EB #C091FF

#7D8F8C - #C091FF

Mezcla HSV

#7D8F8C - #C091FF | 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 #7D8F8C como 0% y #C091FF como 100%.

0.0%	0.0% #7D8F8C	RGB 125 143 140	#7D8F8C
16.7%	16.7% #859EA1	RGB 133 158 161	#859EA1
33.3%	33.3% #8BA5B4	RGB 139 165 180	#8BA5B4
50.0%	50.0% #8FA4C7	RGB 143 164 199	#8FA4C7
66.7%	66.7% #9199D9	RGB 145 153 217	#9199D9
83.3%	83.3% #A092EC	RGB 160 146 236	#A092EC
100.0%	100.0% #C091FF	RGB 192 145 255	#C091FF

#7D8F8C #859EA1 #8BA5B4 #8FA4C7 #9199D9 #A092EC #C091FF

#7D8F8C - #8FA4C7 - #C091FF

Códigos CSS

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

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