#DEDFD9 - #3E3F3E | 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 #DEDFD9 a #3E3F3E

#DEDFD9 #3E3F3E

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

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

0.0%	0.0% #DEDFD9	RGB 222 223 217	#DEDFD9
16.7%	16.7% #C3C4BF	RGB 195 196 191	#C3C4BF
33.3%	33.3% #A8A9A5	RGB 168 169 165	#A8A9A5
50.0%	50.0% #8E8F8B	RGB 142 143 139	#8E8F8B
66.7%	66.7% #737471	RGB 115 116 113	#737471
83.3%	83.3% #585957	RGB 88 89 87	#585957
100.0%	100.0% #3E3F3E	RGB 62 63 62	#3E3F3E

#DEDFD9 #C3C4BF #A8A9A5 #8E8F8B #737471 #585957 #3E3F3E

#DEDFD9 - #3E3F3E

Mezcla HSV

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

0.0%	0.0% #DEDFD9	RGB 222 223 217	#DEDFD9
16.7%	16.7% #C2C4BF	RGB 194 196 191	#C2C4BF
33.3%	33.3% #A7A9A5	RGB 167 169 165	#A7A9A5
50.0%	50.0% #8D8F8B	RGB 141 143 139	#8D8F8B
66.7%	66.7% #727472	RGB 114 116 114	#727472
83.3%	83.3% #585958	RGB 88 89 88	#585958
100.0%	100.0% #3E3F3E	RGB 62 63 62	#3E3F3E

#DEDFD9 #C2C4BF #A7A9A5 #8D8F8B #727472 #585958 #3E3F3E

#DEDFD9 - #8D8F8B - #3E3F3E

Códigos CSS

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

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