#A8DC9F - #2F3E2D | 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 #A8DC9F a #2F3E2D

#A8DC9F #2F3E2D

Calcule el color entre dos colores, #A8DC9F y #2F3E2D. 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)

#A8DC9F - #2F3E2D | 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 #A8DC9F como 0% y #2F3E2D como 100%.

0.0%	0.0% #A8DC9F	RGB 168 220 159	#A8DC9F
16.7%	16.7% #93C18C	RGB 147 193 140	#93C18C
33.3%	33.3% #7FA779	RGB 127 167 121	#7FA779
50.0%	50.0% #6B8D66	RGB 107 141 102	#6B8D66
66.7%	66.7% #577253	RGB 87 114 83	#577253
83.3%	83.3% #435840	RGB 67 88 64	#435840
100.0%	100.0% #2F3E2D	RGB 47 62 45	#2F3E2D

#A8DC9F #93C18C #7FA779 #6B8D66 #577253 #435840 #2F3E2D

#A8DC9F - #2F3E2D

Mezcla HSV

#A8DC9F - #2F3E2D | 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 #A8DC9F como 0% y #2F3E2D como 100%.

0.0%	0.0% #A8DC9F	RGB 168 220 159	#A8DC9F
16.7%	16.7% #93C18C	RGB 147 193 140	#93C18C
33.3%	33.3% #7FA779	RGB 127 167 121	#7FA779
50.0%	50.0% #6B8D66	RGB 107 141 102	#6B8D66
66.7%	66.7% #577253	RGB 87 114 83	#577253
83.3%	83.3% #435840	RGB 67 88 64	#435840
100.0%	100.0% #2F3E2D	RGB 47 62 45	#2F3E2D

#A8DC9F #93C18C #7FA779 #6B8D66 #577253 #435840 #2F3E2D

#A8DC9F - #6B8D66 - #2F3E2D

Códigos CSS

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

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