#AE5E5E - #862218 | 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 #AE5E5E a #862218

#AE5E5E #862218

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

#AE5E5E - #862218 | 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 #AE5E5E como 0% y #862218 como 100%.

0.0%	0.0% #AE5E5E	RGB 174 94 94	#AE5E5E
16.7%	16.7% #A75452	RGB 167 84 82	#A75452
33.3%	33.3% #A04A46	RGB 160 74 70	#A04A46
50.0%	50.0% #9A403B	RGB 154 64 59	#9A403B
66.7%	66.7% #93362F	RGB 147 54 47	#93362F
83.3%	83.3% #8C2C23	RGB 140 44 35	#8C2C23
100.0%	100.0% #862218	RGB 134 34 24	#862218

#AE5E5E #A75452 #A04A46 #9A403B #93362F #8C2C23 #862218

#AE5E5E - #862218

Mezcla HSV

#AE5E5E - #862218 | 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 #AE5E5E como 0% y #862218 como 100%.

0.0%	0.0% #AE5E5E	RGB 174 94 94	#AE5E5E
16.7%	16.7% #A75150	RGB 167 81 80	#A75150
33.3%	33.3% #A04643	RGB 160 70 67	#A04643
50.0%	50.0% #9A3B37	RGB 154 59 55	#9A3B37
66.7%	66.7% #93322C	RGB 147 50 44	#93322C
83.3%	83.3% #8C2921	RGB 140 41 33	#8C2921
100.0%	100.0% #862218	RGB 134 34 24	#862218

#AE5E5E #A75150 #A04643 #9A3B37 #93322C #8C2921 #862218

#AE5E5E - #9A3B37 - #862218

Códigos CSS

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

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