#D8D4CF - #3D3C3B | 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 #D8D4CF a #3D3C3B

#D8D4CF #3D3C3B

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

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

0.0%	0.0% #D8D4CF	RGB 216 212 207	#D8D4CF
16.7%	16.7% #BEBAB6	RGB 190 186 182	#BEBAB6
33.3%	33.3% #A4A19D	RGB 164 161 157	#A4A19D
50.0%	50.0% #8A8885	RGB 138 136 133	#8A8885
66.7%	66.7% #706E6C	RGB 112 110 108	#706E6C
83.3%	83.3% #565553	RGB 86 85 83	#565553
100.0%	100.0% #3D3C3B	RGB 61 60 59	#3D3C3B

#D8D4CF #BEBAB6 #A4A19D #8A8885 #706E6C #565553 #3D3C3B

#D8D4CF - #3D3C3B

Mezcla HSV

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

0.0%	0.0% #D8D4CF	RGB 216 212 207	#D8D4CF
16.7%	16.7% #BEBAB6	RGB 190 186 182	#BEBAB6
33.3%	33.3% #A4A19D	RGB 164 161 157	#A4A19D
50.0%	50.0% #8A8885	RGB 138 136 133	#8A8885
66.7%	66.7% #706E6C	RGB 112 110 108	#706E6C
83.3%	83.3% #565553	RGB 86 85 83	#565553
100.0%	100.0% #3D3C3B	RGB 61 60 59	#3D3C3B

#D8D4CF #BEBAB6 #A4A19D #8A8885 #706E6C #565553 #3D3C3B

#D8D4CF - #8A8885 - #3D3C3B

Códigos CSS

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

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