#ABA2AA - #302E2F | 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 #ABA2AA a #302E2F

#ABA2AA #302E2F

Calcule el color entre dos colores, #ABA2AA y #302E2F. 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)

#ABA2AA - #302E2F | 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 #ABA2AA como 0% y #302E2F como 100%.

0.0%	0.0% #ABA2AA	RGB 171 162 170	#ABA2AA
16.7%	16.7% #968E95	RGB 150 142 149	#968E95
33.3%	33.3% #827B81	RGB 130 123 129	#827B81
50.0%	50.0% #6D686C	RGB 109 104 108	#6D686C
66.7%	66.7% #595458	RGB 89 84 88	#595458
83.3%	83.3% #444143	RGB 68 65 67	#444143
100.0%	100.0% #302E2F	RGB 48 46 47	#302E2F

#ABA2AA #968E95 #827B81 #6D686C #595458 #444143 #302E2F

#ABA2AA - #302E2F

Mezcla HSV

#ABA2AA - #302E2F | 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 #ABA2AA como 0% y #302E2F como 100%.

0.0%	0.0% #ABA2AA	RGB 171 162 170	#ABA2AA
16.7%	16.7% #968E95	RGB 150 142 149	#968E95
33.3%	33.3% #827B80	RGB 130 123 128	#827B80
50.0%	50.0% #6D686B	RGB 109 104 107	#6D686B
66.7%	66.7% #595457	RGB 89 84 87	#595457
83.3%	83.3% #444143	RGB 68 65 67	#444143
100.0%	100.0% #302E2F	RGB 48 46 47	#302E2F

#ABA2AA #968E95 #827B80 #6D686B #595457 #444143 #302E2F

#ABA2AA - #6D686B - #302E2F

Códigos CSS

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

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