#DBDFD3 - #EAF5E3 | 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 #DBDFD3 a #EAF5E3

#DBDFD3 #EAF5E3

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

#DBDFD3 - #EAF5E3 | 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 #DBDFD3 como 0% y #EAF5E3 como 100%.

0.0%	0.0% #DBDFD3	RGB 219 223 211	#DBDFD3
16.7%	16.7% #DDE2D5	RGB 221 226 213	#DDE2D5
33.3%	33.3% #E0E6D8	RGB 224 230 216	#E0E6D8
50.0%	50.0% #E2EADB	RGB 226 234 219	#E2EADB
66.7%	66.7% #E5EDDD	RGB 229 237 221	#E5EDDD
83.3%	83.3% #E7F1E0	RGB 231 241 224	#E7F1E0
100.0%	100.0% #EAF5E3	RGB 234 245 227	#EAF5E3

#DBDFD3 #DDE2D5 #E0E6D8 #E2EADB #E5EDDD #E7F1E0 #EAF5E3

#DBDFD3 - #EAF5E3

Mezcla HSV

#DBDFD3 - #EAF5E3 | 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 #DBDFD3 como 0% y #EAF5E3 como 100%.

0.0%	0.0% #DBDFD3	RGB 219 223 211	#DBDFD3
16.7%	16.7% #DDE2D5	RGB 221 226 213	#DDE2D5
33.3%	33.3% #E0E6D8	RGB 224 230 216	#E0E6D8
50.0%	50.0% #E2EADB	RGB 226 234 219	#E2EADB
66.7%	66.7% #E5EDDD	RGB 229 237 221	#E5EDDD
83.3%	83.3% #E7F1E0	RGB 231 241 224	#E7F1E0
100.0%	100.0% #EAF5E3	RGB 234 245 227	#EAF5E3

#DBDFD3 #DDE2D5 #E0E6D8 #E2EADB #E5EDDD #E7F1E0 #EAF5E3

#DBDFD3 - #E2EADB - #EAF5E3

Códigos CSS

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

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