#D4D9D1 - #3C3E3B | 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 #D4D9D1 a #3C3E3B

#D4D9D1 #3C3E3B

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

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

0.0%	0.0% #D4D9D1	RGB 212 217 209	#D4D9D1
16.7%	16.7% #BABFB8	RGB 186 191 184	#BABFB8
33.3%	33.3% #A1A59F	RGB 161 165 159	#A1A59F
50.0%	50.0% #888B86	RGB 136 139 134	#888B86
66.7%	66.7% #6E716D	RGB 110 113 109	#6E716D
83.3%	83.3% #555754	RGB 85 87 84	#555754
100.0%	100.0% #3C3E3B	RGB 60 62 59	#3C3E3B

#D4D9D1 #BABFB8 #A1A59F #888B86 #6E716D #555754 #3C3E3B

#D4D9D1 - #3C3E3B

Mezcla HSV

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

0.0%	0.0% #D4D9D1	RGB 212 217 209	#D4D9D1
16.7%	16.7% #BABFB7	RGB 186 191 183	#BABFB7
33.3%	33.3% #A1A59E	RGB 161 165 158	#A1A59E
50.0%	50.0% #878B85	RGB 135 139 133	#878B85
66.7%	66.7% #6E716C	RGB 110 113 108	#6E716C
83.3%	83.3% #555753	RGB 85 87 83	#555753
100.0%	100.0% #3C3E3B	RGB 60 62 59	#3C3E3B

#D4D9D1 #BABFB7 #A1A59E #878B85 #6E716C #555753 #3C3E3B

#D4D9D1 - #878B85 - #3C3E3B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D4D9D1 0%, #878B85 50%, #3C3E3B 100%);
    background: -webkit-linear-gradient(top, #D4D9D1 0%, #878B85 50%, #3C3E3B 100%);
    background: linear-gradient(to bottom, #D4D9D1 0%, #878B85 50%, #3C3E3B 100%);
}
</style>