#DCDDDF - #3E3F3F | 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 #DCDDDF a #3E3F3F

#DCDDDF #3E3F3F

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

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

0.0%	0.0% #DCDDDF	RGB 220 221 223	#DCDDDF
16.7%	16.7% #C1C2C4	RGB 193 194 196	#C1C2C4
33.3%	33.3% #A7A8A9	RGB 167 168 169	#A7A8A9
50.0%	50.0% #8D8E8F	RGB 141 142 143	#8D8E8F
66.7%	66.7% #727374	RGB 114 115 116	#727374
83.3%	83.3% #585959	RGB 88 89 89	#585959
100.0%	100.0% #3E3F3F	RGB 62 63 63	#3E3F3F

#DCDDDF #C1C2C4 #A7A8A9 #8D8E8F #727374 #585959 #3E3F3F

#DCDDDF - #3E3F3F

Mezcla HSV

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

0.0%	0.0% #DCDDDF	RGB 220 221 223	#DCDDDF
16.7%	16.7% #C1C2C4	RGB 193 194 196	#C1C2C4
33.3%	33.3% #A7A8A9	RGB 167 168 169	#A7A8A9
50.0%	50.0% #8C8E8F	RGB 140 142 143	#8C8E8F
66.7%	66.7% #727374	RGB 114 115 116	#727374
83.3%	83.3% #585959	RGB 88 89 89	#585959
100.0%	100.0% #3E3F3F	RGB 62 63 63	#3E3F3F

#DCDDDF #C1C2C4 #A7A8A9 #8C8E8F #727374 #585959 #3E3F3F

#DCDDDF - #8C8E8F - #3E3F3F

Códigos CSS

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

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