#8F7D8B - #DFD9DD | 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 #8F7D8B a #DFD9DD

#8F7D8B #DFD9DD

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

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

0.0%	0.0% #8F7D8B	RGB 143 125 139	#8F7D8B
16.7%	16.7% #9C8C98	RGB 156 140 152	#9C8C98
33.3%	33.3% #A99BA6	RGB 169 155 166	#A99BA6
50.0%	50.0% #B7ABB4	RGB 183 171 180	#B7ABB4
66.7%	66.7% #C4BAC1	RGB 196 186 193	#C4BAC1
83.3%	83.3% #D1C9CF	RGB 209 201 207	#D1C9CF
100.0%	100.0% #DFD9DD	RGB 223 217 221	#DFD9DD

#8F7D8B #9C8C98 #A99BA6 #B7ABB4 #C4BAC1 #D1C9CF #DFD9DD

#8F7D8B - #DFD9DD

Mezcla HSV

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

0.0%	0.0% #8F7D8B	RGB 143 125 139	#8F7D8B
16.7%	16.7% #9C8B98	RGB 156 139 152	#9C8B98
33.3%	33.3% #A999A5	RGB 169 153 165	#A999A5
50.0%	50.0% #B7A9B3	RGB 183 169 179	#B7A9B3
66.7%	66.7% #C4B8C0	RGB 196 184 192	#C4B8C0
83.3%	83.3% #D1C8CE	RGB 209 200 206	#D1C8CE
100.0%	100.0% #DFD9DD	RGB 223 217 221	#DFD9DD

#8F7D8B #9C8B98 #A999A5 #B7A9B3 #C4B8C0 #D1C8CE #DFD9DD

#8F7D8B - #B7A9B3 - #DFD9DD

Códigos CSS

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

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