#DFE5E3 - #E7FEEE | 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 #DFE5E3 a #E7FEEE

#DFE5E3 #E7FEEE

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

#DFE5E3 - #E7FEEE | 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 #DFE5E3 como 0% y #E7FEEE como 100%.

0.0%	0.0% #DFE5E3	RGB 223 229 227	#DFE5E3
16.7%	16.7% #E0E9E4	RGB 224 233 228	#E0E9E4
33.3%	33.3% #E1EDE6	RGB 225 237 230	#E1EDE6
50.0%	50.0% #E3F1E8	RGB 227 241 232	#E3F1E8
66.7%	66.7% #E4F5EA	RGB 228 245 234	#E4F5EA
83.3%	83.3% #E5F9EC	RGB 229 249 236	#E5F9EC
100.0%	100.0% #E7FEEE	RGB 231 254 238	#E7FEEE

#DFE5E3 #E0E9E4 #E1EDE6 #E3F1E8 #E4F5EA #E5F9EC #E7FEEE

#DFE5E3 - #E7FEEE

Mezcla HSV

#DFE5E3 - #E7FEEE | 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 #DFE5E3 como 0% y #E7FEEE como 100%.

0.0%	0.0% #DFE5E3	RGB 223 229 227	#DFE5E3
16.7%	16.7% #E0E9E5	RGB 224 233 229	#E0E9E5
33.3%	33.3% #E2EDE8	RGB 226 237 232	#E2EDE8
50.0%	50.0% #E3F1EA	RGB 227 241 234	#E3F1EA
66.7%	66.7% #E4F5EB	RGB 228 245 235	#E4F5EB
83.3%	83.3% #E5F9ED	RGB 229 249 237	#E5F9ED
100.0%	100.0% #E7FEEE	RGB 231 254 238	#E7FEEE

#DFE5E3 #E0E9E5 #E2EDE8 #E3F1EA #E4F5EB #E5F9ED #E7FEEE

#DFE5E3 - #E3F1EA - #E7FEEE

Códigos CSS

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

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