#AE8C95 - #31282A | 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 #AE8C95 a #31282A

#AE8C95 #31282A

Calcule el color entre dos colores, #AE8C95 y #31282A. 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)

#AE8C95 - #31282A | 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 #AE8C95 como 0% y #31282A como 100%.

0.0%	0.0% #AE8C95	RGB 174 140 149	#AE8C95
16.7%	16.7% #997B83	RGB 153 123 131	#997B83
33.3%	33.3% #846A71	RGB 132 106 113	#846A71
50.0%	50.0% #6F5A5F	RGB 111 90 95	#6F5A5F
66.7%	66.7% #5A494D	RGB 90 73 77	#5A494D
83.3%	83.3% #45383B	RGB 69 56 59	#45383B
100.0%	100.0% #31282A	RGB 49 40 42	#31282A

#AE8C95 #997B83 #846A71 #6F5A5F #5A494D #45383B #31282A

#AE8C95 - #31282A

Mezcla HSV

#AE8C95 - #31282A | 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 #AE8C95 como 0% y #31282A como 100%.

0.0%	0.0% #AE8C95	RGB 174 140 149	#AE8C95
16.7%	16.7% #997B83	RGB 153 123 131	#997B83
33.3%	33.3% #846A71	RGB 132 106 113	#846A71
50.0%	50.0% #6F5A5F	RGB 111 90 95	#6F5A5F
66.7%	66.7% #5A494D	RGB 90 73 77	#5A494D
83.3%	83.3% #45383B	RGB 69 56 59	#45383B
100.0%	100.0% #31282A	RGB 49 40 42	#31282A

#AE8C95 #997B83 #846A71 #6F5A5F #5A494D #45383B #31282A

#AE8C95 - #6F5A5F - #31282A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE8C95 0%, #6F5A5F 50%, #31282A 100%);
    background: -webkit-linear-gradient(top, #AE8C95 0%, #6F5A5F 50%, #31282A 100%);
    background: linear-gradient(to bottom, #AE8C95 0%, #6F5A5F 50%, #31282A 100%);
}
</style>