#DBDAD2 - #F4F4F2 | 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 #DBDAD2 a #F4F4F2

#DBDAD2 #F4F4F2

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

#DBDAD2 - #F4F4F2 | 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 #DBDAD2 como 0% y #F4F4F2 como 100%.

0.0%	0.0% #DBDAD2	RGB 219 218 210	#DBDAD2
16.7%	16.7% #DFDED7	RGB 223 222 215	#DFDED7
33.3%	33.3% #E3E2DC	RGB 227 226 220	#E3E2DC
50.0%	50.0% #E7E7E2	RGB 231 231 226	#E7E7E2
66.7%	66.7% #EBEBE7	RGB 235 235 231	#EBEBE7
83.3%	83.3% #EFEFEC	RGB 239 239 236	#EFEFEC
100.0%	100.0% #F4F4F2	RGB 244 244 242	#F4F4F2

#DBDAD2 #DFDED7 #E3E2DC #E7E7E2 #EBEBE7 #EFEFEC #F4F4F2

#DBDAD2 - #F4F4F2

Mezcla HSV

#DBDAD2 - #F4F4F2 | 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 #DBDAD2 como 0% y #F4F4F2 como 100%.

0.0%	0.0% #DBDAD2	RGB 219 218 210	#DBDAD2
16.7%	16.7% #DFDED7	RGB 223 222 215	#DFDED7
33.3%	33.3% #E3E2DC	RGB 227 226 220	#E3E2DC
50.0%	50.0% #E7E7E1	RGB 231 231 225	#E7E7E1
66.7%	66.7% #EBEBE7	RGB 235 235 231	#EBEBE7
83.3%	83.3% #EFEFEC	RGB 239 239 236	#EFEFEC
100.0%	100.0% #F4F4F2	RGB 244 244 242	#F4F4F2

#DBDAD2 #DFDED7 #E3E2DC #E7E7E1 #EBEBE7 #EFEFEC #F4F4F2

#DBDAD2 - #E7E7E1 - #F4F4F2

Códigos CSS

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

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