#AEAFAC - #313231 | 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 #AEAFAC a #313231

#AEAFAC #313231

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

#AEAFAC - #313231 | 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 #AEAFAC como 0% y #313231 como 100%.

0.0%	0.0% #AEAFAC	RGB 174 175 172	#AEAFAC
16.7%	16.7% #999A97	RGB 153 154 151	#999A97
33.3%	33.3% #848583	RGB 132 133 131	#848583
50.0%	50.0% #6F706E	RGB 111 112 110	#6F706E
66.7%	66.7% #5A5B5A	RGB 90 91 90	#5A5B5A
83.3%	83.3% #454645	RGB 69 70 69	#454645
100.0%	100.0% #313231	RGB 49 50 49	#313231

#AEAFAC #999A97 #848583 #6F706E #5A5B5A #454645 #313231

#AEAFAC - #313231

Mezcla HSV

#AEAFAC - #313231 | 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 #AEAFAC como 0% y #313231 como 100%.

0.0%	0.0% #AEAFAC	RGB 174 175 172	#AEAFAC
16.7%	16.7% #989A97	RGB 152 154 151	#989A97
33.3%	33.3% #838582	RGB 131 133 130	#838582
50.0%	50.0% #6F706E	RGB 111 112 110	#6F706E
66.7%	66.7% #5A5B59	RGB 90 91 89	#5A5B59
83.3%	83.3% #454645	RGB 69 70 69	#454645
100.0%	100.0% #313231	RGB 49 50 49	#313231

#AEAFAC #989A97 #838582 #6F706E #5A5B59 #454645 #313231

#AEAFAC - #6F706E - #313231

Códigos CSS

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

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