#AE8C8C - #944237 | 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 #AE8C8C a #944237

#AE8C8C #944237

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

#AE8C8C - #944237 | 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 #AE8C8C como 0% y #944237 como 100%.

0.0%	0.0% #AE8C8C	RGB 174 140 140	#AE8C8C
16.7%	16.7% #A97F7D	RGB 169 127 125	#A97F7D
33.3%	33.3% #A5736F	RGB 165 115 111	#A5736F
50.0%	50.0% #A16761	RGB 161 103 97	#A16761
66.7%	66.7% #9C5A53	RGB 156 90 83	#9C5A53
83.3%	83.3% #984E45	RGB 152 78 69	#984E45
100.0%	100.0% #944237	RGB 148 66 55	#944237

#AE8C8C #A97F7D #A5736F #A16761 #9C5A53 #984E45 #944237

#AE8C8C - #944237

Mezcla HSV

#AE8C8C - #944237 | 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 #AE8C8C como 0% y #944237 como 100%.

0.0%	0.0% #AE8C8C	RGB 174 140 140	#AE8C8C
16.7%	16.7% #A97D7C	RGB 169 125 124	#A97D7C
33.3%	33.3% #A56F6D	RGB 165 111 109	#A56F6D
50.0%	50.0% #A1625E	RGB 161 98 94	#A1625E
66.7%	66.7% #9C5650	RGB 156 86 80	#9C5650
83.3%	83.3% #984B43	RGB 152 75 67	#984B43
100.0%	100.0% #944237	RGB 148 66 55	#944237

#AE8C8C #A97D7C #A56F6D #A1625E #9C5650 #984B43 #944237

#AE8C8C - #A1625E - #944237

Códigos CSS

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

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