#E5EAE8 - #C7EFE4 | 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 #E5EAE8 a #C7EFE4

#E5EAE8 #C7EFE4

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

#E5EAE8 - #C7EFE4 | 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 #E5EAE8 como 0% y #C7EFE4 como 100%.

0.0%	0.0% #E5EAE8	RGB 229 234 232	#E5EAE8
16.7%	16.7% #E0EAE7	RGB 224 234 231	#E0EAE7
33.3%	33.3% #DBEBE6	RGB 219 235 230	#DBEBE6
50.0%	50.0% #D6ECE6	RGB 214 236 230	#D6ECE6
66.7%	66.7% #D1EDE5	RGB 209 237 229	#D1EDE5
83.3%	83.3% #CCEEE4	RGB 204 238 228	#CCEEE4
100.0%	100.0% #C7EFE4	RGB 199 239 228	#C7EFE4

#E5EAE8 #E0EAE7 #DBEBE6 #D6ECE6 #D1EDE5 #CCEEE4 #C7EFE4

#E5EAE8 - #C7EFE4

Mezcla HSV

#E5EAE8 - #C7EFE4 | 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 #E5EAE8 como 0% y #C7EFE4 como 100%.

0.0%	0.0% #E5EAE8	RGB 229 234 232	#E5EAE8
16.7%	16.7% #E0EAE6	RGB 224 234 230	#E0EAE6
33.3%	33.3% #DBEBE5	RGB 219 235 229	#DBEBE5
50.0%	50.0% #D6ECE4	RGB 214 236 228	#D6ECE4
66.7%	66.7% #D1EDE4	RGB 209 237 228	#D1EDE4
83.3%	83.3% #CCEEE4	RGB 204 238 228	#CCEEE4
100.0%	100.0% #C7EFE4	RGB 199 239 228	#C7EFE4

#E5EAE8 #E0EAE6 #DBEBE5 #D6ECE4 #D1EDE4 #CCEEE4 #C7EFE4

#E5EAE8 - #D6ECE4 - #C7EFE4

Códigos CSS

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

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