#DBD4CD - #3E3C3A | 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 #DBD4CD a #3E3C3A

#DBD4CD #3E3C3A

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

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

0.0%	0.0% #DBD4CD	RGB 219 212 205	#DBD4CD
16.7%	16.7% #C0BAB4	RGB 192 186 180	#C0BAB4
33.3%	33.3% #A6A19C	RGB 166 161 156	#A6A19C
50.0%	50.0% #8C8883	RGB 140 136 131	#8C8883
66.7%	66.7% #726E6B	RGB 114 110 107	#726E6B
83.3%	83.3% #585552	RGB 88 85 82	#585552
100.0%	100.0% #3E3C3A	RGB 62 60 58	#3E3C3A

#DBD4CD #C0BAB4 #A6A19C #8C8883 #726E6B #585552 #3E3C3A

#DBD4CD - #3E3C3A

Mezcla HSV

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

0.0%	0.0% #DBD4CD	RGB 219 212 205	#DBD4CD
16.7%	16.7% #C0BAB4	RGB 192 186 180	#C0BAB4
33.3%	33.3% #A6A19B	RGB 166 161 155	#A6A19B
50.0%	50.0% #8C8783	RGB 140 135 131	#8C8783
66.7%	66.7% #726E6A	RGB 114 110 106	#726E6A
83.3%	83.3% #585552	RGB 88 85 82	#585552
100.0%	100.0% #3E3C3A	RGB 62 60 58	#3E3C3A

#DBD4CD #C0BAB4 #A6A19B #8C8783 #726E6A #585552 #3E3C3A

#DBD4CD - #8C8783 - #3E3C3A

Códigos CSS

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

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