#ABA7AA - #70517E | 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 #ABA7AA a #70517E

#ABA7AA #70517E

Calcule el color entre dos colores, #ABA7AA y #70517E. 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)

#ABA7AA - #70517E | 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 #ABA7AA como 0% y #70517E como 100%.

0.0%	0.0% #ABA7AA	RGB 171 167 170	#ABA7AA
16.7%	16.7% #A198A2	RGB 161 152 162	#A198A2
33.3%	33.3% #978A9B	RGB 151 138 155	#978A9B
50.0%	50.0% #8D7C94	RGB 141 124 148	#8D7C94
66.7%	66.7% #836D8C	RGB 131 109 140	#836D8C
83.3%	83.3% #795F85	RGB 121 95 133	#795F85
100.0%	100.0% #70517E	RGB 112 81 126	#70517E

#ABA7AA #A198A2 #978A9B #8D7C94 #836D8C #795F85 #70517E

#ABA7AA - #70517E

Mezcla HSV

#ABA7AA - #70517E | 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 #ABA7AA como 0% y #70517E como 100%.

0.0%	0.0% #ABA7AA	RGB 171 167 170	#ABA7AA
16.7%	16.7% #A396A1	RGB 163 150 161	#A396A1
33.3%	33.3% #9C869A	RGB 156 134 154	#9C869A
50.0%	50.0% #937894	RGB 147 120 148	#937894
66.7%	66.7% #886A8D	RGB 136 106 141	#886A8D
83.3%	83.3% #7C5D85	RGB 124 93 133	#7C5D85
100.0%	100.0% #70517E	RGB 112 81 126	#70517E

#ABA7AA #A396A1 #9C869A #937894 #886A8D #7C5D85 #70517E

#ABA7AA - #937894 - #70517E

Códigos CSS

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

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