#AF9FA2 - #865244 | 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 #AF9FA2 a #865244

#AF9FA2 #865244

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

#AF9FA2 - #865244 | 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 #AF9FA2 como 0% y #865244 como 100%.

0.0%	0.0% #AF9FA2	RGB 175 159 162	#AF9FA2
16.7%	16.7% #A89292	RGB 168 146 146	#A89292
33.3%	33.3% #A18582	RGB 161 133 130	#A18582
50.0%	50.0% #9A7873	RGB 154 120 115	#9A7873
66.7%	66.7% #936B63	RGB 147 107 99	#936B63
83.3%	83.3% #8C5E53	RGB 140 94 83	#8C5E53
100.0%	100.0% #865244	RGB 134 82 68	#865244

#AF9FA2 #A89292 #A18582 #9A7873 #936B63 #8C5E53 #865244

#AF9FA2 - #865244

Mezcla HSV

#AF9FA2 - #865244 | 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 #AF9FA2 como 0% y #865244 como 100%.

0.0%	0.0% #AF9FA2	RGB 175 159 162	#AF9FA2
16.7%	16.7% #A88D90	RGB 168 141 144	#A88D90
33.3%	33.3% #A17D7E	RGB 161 125 126	#A17D7E
50.0%	50.0% #9A6D6D	RGB 154 109 109	#9A6D6D
66.7%	66.7% #93625E	RGB 147 98 94	#93625E
83.3%	83.3% #8C5950	RGB 140 89 80	#8C5950
100.0%	100.0% #865244	RGB 134 82 68	#865244

#AF9FA2 #A88D90 #A17D7E #9A6D6D #93625E #8C5950 #865244

#AF9FA2 - #9A6D6D - #865244

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9FA2 0%, #9A6D6D 50%, #865244 100%);
    background: -webkit-linear-gradient(top, #AF9FA2 0%, #9A6D6D 50%, #865244 100%);
    background: linear-gradient(to bottom, #AF9FA2 0%, #9A6D6D 50%, #865244 100%);
}
</style>