#AFACA2 - #32312E | 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 #AFACA2 a #32312E

#AFACA2 #32312E

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

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

0.0%	0.0% #AFACA2	RGB 175 172 162	#AFACA2
16.7%	16.7% #9A978E	RGB 154 151 142	#9A978E
33.3%	33.3% #85837B	RGB 133 131 123	#85837B
50.0%	50.0% #706E68	RGB 112 110 104	#706E68
66.7%	66.7% #5B5A54	RGB 91 90 84	#5B5A54
83.3%	83.3% #464541	RGB 70 69 65	#464541
100.0%	100.0% #32312E	RGB 50 49 46	#32312E

#AFACA2 #9A978E #85837B #706E68 #5B5A54 #464541 #32312E

#AFACA2 - #32312E

Mezcla HSV

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

0.0%	0.0% #AFACA2	RGB 175 172 162	#AFACA2
16.7%	16.7% #9A978E	RGB 154 151 142	#9A978E
33.3%	33.3% #85827B	RGB 133 130 123	#85827B
50.0%	50.0% #706E67	RGB 112 110 103	#706E67
66.7%	66.7% #5B5954	RGB 91 89 84	#5B5954
83.3%	83.3% #464541	RGB 70 69 65	#464541
100.0%	100.0% #32312E	RGB 50 49 46	#32312E

#AFACA2 #9A978E #85827B #706E67 #5B5954 #464541 #32312E

#AFACA2 - #706E67 - #32312E

Códigos CSS

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

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