#AFB6B0 - #598364 | 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 #AFB6B0 a #598364

#AFB6B0 #598364

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

#AFB6B0 - #598364 | 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 #AFB6B0 como 0% y #598364 como 100%.

0.0%	0.0% #AFB6B0	RGB 175 182 176	#AFB6B0
16.7%	16.7% #A0ADA3	RGB 160 173 163	#A0ADA3
33.3%	33.3% #92A596	RGB 146 165 150	#92A596
50.0%	50.0% #849C8A	RGB 132 156 138	#849C8A
66.7%	66.7% #75947D	RGB 117 148 125	#75947D
83.3%	83.3% #678B70	RGB 103 139 112	#678B70
100.0%	100.0% #598364	RGB 89 131 100	#598364

#AFB6B0 #A0ADA3 #92A596 #849C8A #75947D #678B70 #598364

#AFB6B0 - #598364

Mezcla HSV

#AFB6B0 - #598364 | 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 #AFB6B0 como 0% y #598364 como 100%.

0.0%	0.0% #AFB6B0	RGB 175 182 176	#AFB6B0
16.7%	16.7% #9EADA1	RGB 158 173 161	#9EADA1
33.3%	33.3% #8FA593	RGB 143 165 147	#8FA593
50.0%	50.0% #809C86	RGB 128 156 134	#809C86
66.7%	66.7% #729479	RGB 114 148 121	#729479
83.3%	83.3% #658B6E	RGB 101 139 110	#658B6E
100.0%	100.0% #598364	RGB 89 131 100	#598364

#AFB6B0 #9EADA1 #8FA593 #809C86 #729479 #658B6E #598364

#AFB6B0 - #809C86 - #598364

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB6B0 0%, #809C86 50%, #598364 100%);
    background: -webkit-linear-gradient(top, #AFB6B0 0%, #809C86 50%, #598364 100%);
    background: linear-gradient(to bottom, #AFB6B0 0%, #809C86 50%, #598364 100%);
}
</style>