#8F7D83 - #DFD9DB | 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 #8F7D83 a #DFD9DB

#8F7D83 #DFD9DB

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

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

0.0%	0.0% #8F7D83	RGB 143 125 131	#8F7D83
16.7%	16.7% #9C8C91	RGB 156 140 145	#9C8C91
33.3%	33.3% #A99BA0	RGB 169 155 160	#A99BA0
50.0%	50.0% #B7ABAF	RGB 183 171 175	#B7ABAF
66.7%	66.7% #C4BABD	RGB 196 186 189	#C4BABD
83.3%	83.3% #D1C9CC	RGB 209 201 204	#D1C9CC
100.0%	100.0% #DFD9DB	RGB 223 217 219	#DFD9DB

#8F7D83 #9C8C91 #A99BA0 #B7ABAF #C4BABD #D1C9CC #DFD9DB

#8F7D83 - #DFD9DB

Mezcla HSV

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

0.0%	0.0% #8F7D83	RGB 143 125 131	#8F7D83
16.7%	16.7% #9C8B90	RGB 156 139 144	#9C8B90
33.3%	33.3% #A9999F	RGB 169 153 159	#A9999F
50.0%	50.0% #B7A9AD	RGB 183 169 173	#B7A9AD
66.7%	66.7% #C4B8BC	RGB 196 184 188	#C4B8BC
83.3%	83.3% #D1C8CB	RGB 209 200 203	#D1C8CB
100.0%	100.0% #DFD9DB	RGB 223 217 219	#DFD9DB

#8F7D83 #9C8B90 #A9999F #B7A9AD #C4B8BC #D1C8CB #DFD9DB

#8F7D83 - #B7A9AD - #DFD9DB

Códigos CSS

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

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