#D9D9A0 - #3E3E2D | 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 #D9D9A0 a #3E3E2D

#D9D9A0 #3E3E2D

Calcule el color entre dos colores, #D9D9A0 y #3E3E2D. 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)

#D9D9A0 - #3E3E2D | 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 #D9D9A0 como 0% y #3E3E2D como 100%.

0.0%	0.0% #D9D9A0	RGB 217 217 160	#D9D9A0
16.7%	16.7% #BFBF8C	RGB 191 191 140	#BFBF8C
33.3%	33.3% #A5A579	RGB 165 165 121	#A5A579
50.0%	50.0% #8B8B66	RGB 139 139 102	#8B8B66
66.7%	66.7% #717153	RGB 113 113 83	#717153
83.3%	83.3% #575740	RGB 87 87 64	#575740
100.0%	100.0% #3E3E2D	RGB 62 62 45	#3E3E2D

#D9D9A0 #BFBF8C #A5A579 #8B8B66 #717153 #575740 #3E3E2D

#D9D9A0 - #3E3E2D

Mezcla HSV

#D9D9A0 - #3E3E2D | 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 #D9D9A0 como 0% y #3E3E2D como 100%.

0.0%	0.0% #D9D9A0	RGB 217 217 160	#D9D9A0
16.7%	16.7% #BFBF8C	RGB 191 191 140	#BFBF8C
33.3%	33.3% #A5A579	RGB 165 165 121	#A5A579
50.0%	50.0% #8B8B66	RGB 139 139 102	#8B8B66
66.7%	66.7% #717152	RGB 113 113 82	#717152
83.3%	83.3% #57573F	RGB 87 87 63	#57573F
100.0%	100.0% #3E3E2D	RGB 62 62 45	#3E3E2D

#D9D9A0 #BFBF8C #A5A579 #8B8B66 #717152 #57573F #3E3E2D

#D9D9A0 - #8B8B66 - #3E3E2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9D9A0 0%, #8B8B66 50%, #3E3E2D 100%);
    background: -webkit-linear-gradient(top, #D9D9A0 0%, #8B8B66 50%, #3E3E2D 100%);
    background: linear-gradient(to bottom, #D9D9A0 0%, #8B8B66 50%, #3E3E2D 100%);
}
</style>