#DBDBD7 - #FEF2DF | 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 #DBDBD7 a #FEF2DF

#DBDBD7 #FEF2DF

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

#DBDBD7 - #FEF2DF | 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 #DBDBD7 como 0% y #FEF2DF como 100%.

0.0%	0.0% #DBDBD7	RGB 219 219 215	#DBDBD7
16.7%	16.7% #E0DED8	RGB 224 222 216	#E0DED8
33.3%	33.3% #E6E2D9	RGB 230 226 217	#E6E2D9
50.0%	50.0% #ECE6DB	RGB 236 230 219	#ECE6DB
66.7%	66.7% #F2EADC	RGB 242 234 220	#F2EADC
83.3%	83.3% #F8EEDD	RGB 248 238 221	#F8EEDD
100.0%	100.0% #FEF2DF	RGB 254 242 223	#FEF2DF

#DBDBD7 #E0DED8 #E6E2D9 #ECE6DB #F2EADC #F8EEDD #FEF2DF

#DBDBD7 - #FEF2DF

Mezcla HSV

#DBDBD7 - #FEF2DF | 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 #DBDBD7 como 0% y #FEF2DF como 100%.

0.0%	0.0% #DBDBD7	RGB 219 219 215	#DBDBD7
16.7%	16.7% #E0E0D8	RGB 224 224 216	#E0E0D8
33.3%	33.3% #E6E5DA	RGB 230 229 218	#E6E5DA
50.0%	50.0% #ECE9DB	RGB 236 233 219	#ECE9DB
66.7%	66.7% #F2ECDD	RGB 242 236 221	#F2ECDD
83.3%	83.3% #F8EFDE	RGB 248 239 222	#F8EFDE
100.0%	100.0% #FEF2DF	RGB 254 242 223	#FEF2DF

#DBDBD7 #E0E0D8 #E6E5DA #ECE9DB #F2ECDD #F8EFDE #FEF2DF

#DBDBD7 - #ECE9DB - #FEF2DF

Códigos CSS

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

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