#8F7D89 - #282325 | 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 #8F7D89 a #282325

#8F7D89 #282325

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

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

0.0%	0.0% #8F7D89	RGB 143 125 137	#8F7D89
16.7%	16.7% #7D6E78	RGB 125 110 120	#7D6E78
33.3%	33.3% #6C5F67	RGB 108 95 103	#6C5F67
50.0%	50.0% #5B5057	RGB 91 80 87	#5B5057
66.7%	66.7% #4A4146	RGB 74 65 70	#4A4146
83.3%	83.3% #393235	RGB 57 50 53	#393235
100.0%	100.0% #282325	RGB 40 35 37	#282325

#8F7D89 #7D6E78 #6C5F67 #5B5057 #4A4146 #393235 #282325

#8F7D89 - #282325

Mezcla HSV

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

0.0%	0.0% #8F7D89	RGB 143 125 137	#8F7D89
16.7%	16.7% #7D6E77	RGB 125 110 119	#7D6E77
33.3%	33.3% #6C5F66	RGB 108 95 102	#6C5F66
50.0%	50.0% #5B5056	RGB 91 80 86	#5B5056
66.7%	66.7% #4A4145	RGB 74 65 69	#4A4145
83.3%	83.3% #393235	RGB 57 50 53	#393235
100.0%	100.0% #282325	RGB 40 35 37	#282325

#8F7D89 #7D6E77 #6C5F66 #5B5056 #4A4145 #393235 #282325

#8F7D89 - #5B5056 - #282325

Códigos CSS

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

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