#AF9FAA - #322D30 | 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 #AF9FAA a #322D30

#AF9FAA #322D30

Calcule el color entre dos colores, #AF9FAA y #322D30. 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)

#AF9FAA - #322D30 | 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 #AF9FAA como 0% y #322D30 como 100%.

0.0%	0.0% #AF9FAA	RGB 175 159 170	#AF9FAA
16.7%	16.7% #9A8C95	RGB 154 140 149	#9A8C95
33.3%	33.3% #857981	RGB 133 121 129	#857981
50.0%	50.0% #70666D	RGB 112 102 109	#70666D
66.7%	66.7% #5B5358	RGB 91 83 88	#5B5358
83.3%	83.3% #464044	RGB 70 64 68	#464044
100.0%	100.0% #322D30	RGB 50 45 48	#322D30

#AF9FAA #9A8C95 #857981 #70666D #5B5358 #464044 #322D30

#AF9FAA - #322D30

Mezcla HSV

#AF9FAA - #322D30 | 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 #AF9FAA como 0% y #322D30 como 100%.

0.0%	0.0% #AF9FAA	RGB 175 159 170	#AF9FAA
16.7%	16.7% #9A8B95	RGB 154 139 149	#9A8B95
33.3%	33.3% #857881	RGB 133 120 129	#857881
50.0%	50.0% #70656C	RGB 112 101 108	#70656C
66.7%	66.7% #5B5258	RGB 91 82 88	#5B5258
83.3%	83.3% #463F44	RGB 70 63 68	#463F44
100.0%	100.0% #322D30	RGB 50 45 48	#322D30

#AF9FAA #9A8B95 #857881 #70656C #5B5258 #463F44 #322D30

#AF9FAA - #70656C - #322D30

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9FAA 0%, #70656C 50%, #322D30 100%);
    background: -webkit-linear-gradient(top, #AF9FAA 0%, #70656C 50%, #322D30 100%);
    background: linear-gradient(to bottom, #AF9FAA 0%, #70656C 50%, #322D30 100%);
}
</style>