#DBDBDC - #E1E7DF | 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 #DBDBDC a #E1E7DF

#DBDBDC #E1E7DF

Calcule el color entre dos colores, #DBDBDC y #E1E7DF. 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)

#DBDBDC - #E1E7DF | 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 #DBDBDC como 0% y #E1E7DF como 100%.

0.0%	0.0% #DBDBDC	RGB 219 219 220	#DBDBDC
16.7%	16.7% #DCDDDC	RGB 220 221 220	#DCDDDC
33.3%	33.3% #DDDFDD	RGB 221 223 221	#DDDFDD
50.0%	50.0% #DEE1DD	RGB 222 225 221	#DEE1DD
66.7%	66.7% #DFE3DE	RGB 223 227 222	#DFE3DE
83.3%	83.3% #E0E5DE	RGB 224 229 222	#E0E5DE
100.0%	100.0% #E1E7DF	RGB 225 231 223	#E1E7DF

#DBDBDC #DCDDDC #DDDFDD #DEE1DD #DFE3DE #E0E5DE #E1E7DF

#DBDBDC - #E1E7DF

Mezcla HSV

#DBDBDC - #E1E7DF | 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 #DBDBDC como 0% y #E1E7DF como 100%.

0.0%	0.0% #DBDBDC	RGB 219 219 220	#DBDBDC
16.7%	16.7% #DBDCDD	RGB 219 220 221	#DBDCDD
33.3%	33.3% #DCDEDF	RGB 220 222 223	#DCDEDF
50.0%	50.0% #DDE1E0	RGB 221 225 224	#DDE1E0
66.7%	66.7% #DDE3E0	RGB 221 227 224	#DDE3E0
83.3%	83.3% #DEE5DF	RGB 222 229 223	#DEE5DF
100.0%	100.0% #E1E7DF	RGB 225 231 223	#E1E7DF

#DBDBDC #DBDCDD #DCDEDF #DDE1E0 #DDE3E0 #DEE5DF #E1E7DF

#DBDBDC - #DDE1E0 - #E1E7DF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBDBDC 0%, #DDE1E0 50%, #E1E7DF 100%);
    background: -webkit-linear-gradient(top, #DBDBDC 0%, #DDE1E0 50%, #E1E7DF 100%);
    background: linear-gradient(to bottom, #DBDBDC 0%, #DDE1E0 50%, #E1E7DF 100%);
}
</style>